zoukankan      html  css  js  c++  java
  • gulp使用

    例:

    var gulp = require('gulp');
    var uglify = require('gulp-uglify');
    
    gulp.task('greet', function() {
      gulp.src('js/common.js')
      .pipe(uglify())
      .pipe(gulp.dest('build'))
    });
     
     
    1.例如上面:  单个
    gulp-uglify:压缩js
     
    新建一个 greet 名称的任务
    这个任务 执行的 内容是后面的function(){}
     
    gulp.src('js/common.js')  //要压缩的js 路径
     .pipe(uglify())  //使用的gulp 插件的实例
     .pipe(gulp.dest('build')) //要放的文件夹
     
    执行这个任务  在当前的目录  gulp greet
     
    2.多个    //针对 js   文件处理  
    gulp.task('js', function () {
        return gulp.src('js/*.js')     //某个目录所有后缀名为js的文件。
           .pipe(jshint())                 //代码验证
           .pipe(uglify())                 //代码压缩
           .pipe(concat('app.js'))   //代码合并 于app.js 里面
           .pipe(gulp.dest('build'));       //最终存于build 里面
    });
     
    3.src方法的参数还可以是一个数组
      js/app.js:指定确切的文件名。
      js/*.js:某个目录所有后缀名为js的文件。
      js/**/*.js:某个目录及其所有子目录中后缀名为js
      !js/app.js:除了js/app.js以外的所有文件
     
      gulp.src(['js/**/*.js', '!js/**/*.min.js'])
     
    4.watch方法     //监听
    gulp.task('watch', function () {
       gulp.watch('templates/*.html', ['build']);
    });
    watch方法用于指定需要监视的文件。一旦这些文件发生变动,就运行指定任务。
     
    5.使用gulp-load-plugins模块  
    使用gulp-load-plugins模块,可以加载package.json文件中所有的gulp模块。
    var gulp = require('gulp'),
        gulpLoadPlugins = require('gulp-load-plugins'),
        plugins = gulpLoadPlugins();
     
    引用 的话: 上面的 plugins 实例
    plugins.uglify()    plugins.concat('app.js')   //类似的
  • 相关阅读:
    [loj6484]LJJ爱数书
    [loj3163]动态直径
    [loj2983]数树
    [luogu3785]文本校正
    [loj2572]字符串
    [loj3103]节日庆典
    [atARC118F]Growth Rate
    [atARC118E]Avoid Permutations
    [cf794G]Replace All
    [cf756E]Byteland coins
  • 原文地址:https://www.cnblogs.com/zycbloger/p/6197229.html
Copyright © 2011-2022 走看看