使用 gulp 壓縮圖片
請務必理解如下章節後閱讀此章節:
- 安裝 Node 和 gulp
- 使用 gulp 壓縮 JS
壓縮 圖片文件可降低文件大小,提高圖片加載速度。
找到規律轉換為 gulp 代碼
規律
找到 images/
目錄下的所有文件,壓縮它們,將壓縮後的文件存放在 dist/images/
目錄下。
gulp 代碼
一、安裝 gulp-imagemin 模塊
提示:你需要使用命令行的 cd
切換至對應目錄再進行安裝操作和 gulp 啟動操作。
在命令行輸入
npm install gulp-imagemin
安裝成功後你會看到如下信息:(安裝時間可能會比較長)
[email protected]