zoukankan      html  css  js  c++  java
  • 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文件,需更改项目地址
  • 相关阅读:
    dubbo官方文档笔记
    maven权威指南读书笔记
    ArrayList实现
    通过json把int[]转成Integer[]
    二分查找,希尔排序,欧几里得,斐波那契
    js快捷键设置
    java字符串和时间转换
    希尔排序动画
    vue render
    前端性能优化,算法
  • 原文地址:https://www.cnblogs.com/CaktyRiven/p/6419619.html
Copyright © 2011-2022 走看看