gulp常用命令

Posted on | Edited on | In

  • main-bower-files: 获取bower 文件里面的主要 js

  • gulp-angular-filesort 自动加载 angular 组件 （和gulp-inject 一起用）

  • gulp-bytediff: 统计文件大小的工具

  • gulp-babel: 转换 ecmascript 版本

  • gulp-concat: 合并文件

  • gulp-inject: 自动加载css 和 js文件到index.html里面

  • gulp-load-plugins: 自动加载 package.json 里面的 gulp 插件

  • gulp-print:打印 stream 里面的文件，在调试的时候可能会特别需要

  • gulp-rev: 给文件添加hash标签: unicorn.css → unicorn-d41d8cd98f.css

  • gulp-uglify: 压缩 javascript 文件

  • gulp-useref: 把index.html文件里面的css 或者 js 合成一个文件

  • yargs: (不是gulp专属的) 来获取命令里的参数

  • wiredep: 自动加载bower 里的css 和 js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//browserSync Example:

//can acept arguments gulp serve --f index.html
gulp.task('serve', function(){

    var index = argv.f || 'index.html';
    console.info('watch file: '+ index);
    browserSync.init({
        server: {
            baseDir: "./test",
            index: index
        },
        files: [
            'css/*.css',
            'js/*.js'
        ]
    });
});