[索引]
[1. 排除不打包文件]
[2. 依賴同一個(gè)Task]
[3. 通過Task打開程序]
[4. 執(zhí)行子進(jìn)程]
[5. gulp-sass自定義方法]

1. 排除不打包文件

    gulp.src(['src/js/*.js','!src/js/test.js'])
        .pipe(gulp.dest('dist'))

通過!前置符號，將會(huì)排除src/js/test.js文件

2.依賴同一個(gè)Task

gulp.task('task1', ()=>{});
gulp.task('task2', ['task1'],()=>{});
gulp.task('task3', ['task1'],()=>{});

task是異步，但是都會(huì)等task1執(zhí)行完畢，再同時(shí)執(zhí)行task2、task3

3.通過Task打開程序

gulp.task('baidu',()=> {
     require('child_process').exec(`start http://www.baidu.com`)
});

執(zhí)行gulp baidu，會(huì)用默認(rèn)程序打開http://www.baidu.com

4. 執(zhí)行子進(jìn)程

gulp.task('scripts', ()=> {
    require('childish-process')('npm run watch', {childish: 'default'})
});

將會(huì)執(zhí)行npm run watch命令

5. gulp-sass自定義方法

const sass =require("gulp-sass");
const types=sass.compiler.types;
gulp.task('sass',['clean'],()=>{
  return gulp.src(['src/styles/admin.scss'])
       .pipe(sass({
          outputStyle: 'compressed',
          functions:{
              'lang($lang:ja)':(lang)=>{            
                  return types.Color(0xff000000);  
              }
         },
         sourceMap: true
       }).on('error', sass.logError))
      .pipe(gulp.dest("public/assets/css"));
 }); 

創(chuàng)建了一個(gè)lang的方法，默認(rèn)返回0xff000000

$asdas:#fff;
body {
    color:lang($asdas);
}

調(diào)用lang的方法

待續(xù).....