gulp使用流程

Posted 2020-09-27

1.全局安装gulp

　　$ npm install --global gulp

2.作为项目的开发依赖（devDependencies）安装

　　$ npm install --save-dev gulp

3.在项目的根目录下创建gulpfile.js文件（文件名不得变更）

　　文件内容  例：

　　　　var  gulp = require("gulp"),
　　　　　　livereload = require("gulp-livereload"),
　　　　　　uglify = require("gulp-uglify");

　　　　gulp.task("minify",function(){
　　　　　　gulp.src(‘js/*.js‘)
　　　　　　.pipe(uglify())
　　　　　　.pipe(gulp.dest("build/js/"));
　　　　});

　　　　gulp.task("default",["minify"],function() {
　　　　　　console.log("运行默认")
　　　　})
　　　　var watcher = gulp.watch(["js/*.js"]);
　　　　watcher.on("change",function(ev){
　　　　　　console.log("File"+ev.path+"发生")
　　　　});

4.安装所需插件

　　npm install --save-dev gulp-livereload gulp-uglify

5.运行gulp

　　$ gulp

如下图  gulp运行成功