简介
自动化构建工具(项目文件压缩)
易于使用
构建快速
插件高质
易于学习
安装与使用
全局安装
$ npm install --global gulp
2. 项目中使用进行安装
$ npm install --save-dev gulp
3. 创建文件,并编写代码
4. 运行gulp,进行压缩
$ gulp
gulp 命名,自动执行default任务,可以执行指定的任务
使用任务名称,单独执行
$ gulp minihtml
$ gulp minicss
$ gulp minijs
// 执行gulp命令,一次性执行后续所有的任务
gulp.task('default', ['minihtml', 'minicss', 'minijs']);
插件的使用
插件安装
npm install --save-dev gulp-minify-css
2. 插件引入
var minifycss = require('gulp-minify-css');
3. 使用插件压缩代码
4. 执行任务
$ gulp minicss
常用插件
gulp-htmlmin 压缩HTML
gulp-minify-css 压缩CSS
gulp-uglify 压缩JavaScript
…...
爱鲜蜂压缩代码