Grunt - grunt-contrib-imagemin

grunt-contrib-imagemin 套件可以用 Grunt 來將進行檔的壓縮。


使用時先用 npm 安裝 grunt-contrib-imagemin 套件。

npm install grunt-contrib-imagemin --save-dev


接著開啟 gruntfile 設定 task,這邊有些參數可供設定,可參考 gruntjs/grunt-contrib-imagemin: Minify PNG and JPEG images.


再來將 plugin 載入。

grunt.loadNpmTasks('grunt-contrib-imagemin');


最後再將 task 註冊即可。


像是下面這邊設定了一個 imagemin 的 task,會將 images 目錄下副檔名為 png/jpg/gif 的圖片進行壓縮,壓縮後會放回到 images 目錄。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var grunt = require('grunt'); 
grunt.initConfig({
imagemin: {
main:{
options: {
optimizationLevel: 3,
svgoPlugins: [{ removeViewBox: false }]
},
files: [{
expand: true,
cwd: 'Images/',
src: ['**/*.{png,jpg,gif}'],
dest: 'Images/’
}]
}
}
});

grunt.loadNpmTasks('grunt-contrib-imagemin');
grunt.registerTask('default', ['imagemin']);