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 目錄。

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']);

1.png