gulp自动化构建工具--压缩js--学习笔记

 

话不多说，直接进入正题

1.安装gulp-uglify

        命令：npm install gulp uglify 或者 cnpm install gulp uglify

2.编写gulpfile.js

//压缩js
//获取gulp
var gulp = require('gulp')
//获取uglify模块（用于压缩js）
var uglify = require('gulp-uglify')
//压缩js文件
//在命令行使用gulp script启动此任务
gulp.task('script',function(){
    //1.找到文件
    gulp.src('views/js/*.js')
    //2.压缩文件
    .pipe(uglify())
    //另存压缩后的文件
    .pipe(gulp.dest('dist/js'))
})
//在命令行使用gulp auto启动此任务
gulp.task('auto',function(){
    //监听文件修改，当文件被修改则执行script任务
    gulp.watch('views/js/*.js',['script'])
})
//使用gulp.task('default')定义默认任务
//在命令行使用gulp启动script任务和auto任务
gulp.task('default',['script','auto'])

3.执行代码

     命令：gulp

 

ps：如直接复制gulpfile.js文件，需更改项目地址

转载于:https://www.cnblogs.com/CaktyRiven/p/6419619.html