最近使用了下Grunt和WebPack,这里总结下使用中的一些问题。
环境: node@v8.9.3\ grunt@v1.0.2\ grunt-cli@v1.2.0
Part1 版本问题
安装grunt-contrib-image提示
WARN node unsupported "node@v8.9.3" is incompatible with
grunt-contrib-imagemin@2.0.1 › imagemin-optipng@5.2.1 ›
optipng-bin@3.1.4 › bin-build@2.2.0 › download@4.4.3 ›
got@^5.0.0, expected node@>=0.10.0 <7
imagemin安装版本v2.0.1,期望的版本是node@>=0.10.0 <7 与8.9.3不匹配,这个警告并不影响imagemin的使用,配置好image插件之后,输入grunt命令就自动执行压缩
配置如下
imagemin: {
dist: {
options: {
optimizationLevel: 6,
progressive: true
},
files: [{
expand: true,
cwd: 'images/',
src: '{,*/}*.{png,jpg,jpeg,ico}',
dest: 'images/'
}]
}
}
Part2 配置说明
配置插件选项的说明的一些链接,以便于之后配置使用
jshint: https://jshint.com/docs/options/
其他大部分可以在npmjs、grunt搜索找到说明或在github的readme中,部分链接如下:
concat: https://github.com/gruntjs/grunt-contrib-concat
uglify;https://www.npmjs.com/package/grunt-contrib-uglify
htmlmin: https://www.npmjs.com/package/grunt-contrib-htmlmin