1 安装全局
$ npm install --global gulp
2 安装局部(官方说明需要同时安装全局和局部)
$ npm install --save-dev gulp
3 安装外挂
- 编译Sass (gulp-ruby-sass)
- Autoprefixer (gulp-autoprefixer)
- 缩小化(minify)CSS (gulp-minify-css)
- JSHint (gulp-jshint)
- 拼接 (gulp-concat)
- 丑化(Uglify) (gulp-uglify)
- 图片压缩 (gulp-imagemin)
- 即时重整(LiveReload) (gulp-livereload)
- 清理档案 (gulp-rimraf )
- 图片快取,只有更改过得图片会进行压缩 (gulp-cache)
- 更动通知 (gulp-notify)
- 压缩html gulp-minify-html
- 重命名 gulp-rename
执行下列指令来安装这些外挂:
$ npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-rimraf gulp-notify gulp-rename gulp-livereload gulp-cache gulp-minify-html gulp-rename --save-dev
然后可用加载自动化加载插件,这样就不需要在文件中分别require这么多模块了
npm install --save-dev gulp-load-plugins
gulp-load-plugins
并不会一开始就加载所有package.json
里的gulp插件,而是在我们需要用到某个插件的时候,才去加载那个插件
plugins.rename = require('gulp-rename'),通过添加到plugin的属性饮用文件
参考:http://www.zhixing123.cn/computer/gulp.html
http://www.gulpjs.com.cn/docs/api/
http://www.cnblogs.com/2050/p/4198792.html