Gulp 压缩优化程序码(2) DAY89

上一篇有介绍压缩的一些套件了

不过有时候 我们在开发的时候

有时压缩 有时不压缩

那要怎麽解决

所以今天就来介绍

minimist 与 gulp-if 套件

https://www.npmjs.com/package/minimist

https://www.npmjs.com/package/gulp-if

npm install minimist gulp-if --save

载入

var minimist = require('minimist')

var envOptions = {
    // 关键词
    string: 'env',
    // 预设使用 develop 环境
    default: {
        env: 'develop'
    }
}

// 把传入的参数 记录下来
var option  = minimist(process.argv.slice(2),envOptions);

那要怎麽传入参数呢??

// 可在终端机输入 gulp --env 参数
// 这样就能带入至 option 设定

加入 gulp-if 来判断
以sass为例

gulp.task('sass', function () {
    return gulp.src('./source/scss/**/*.scss')
    .pipe($.plumber())
    .pipe($.sourcemaps.init())
    .pipe($.sass().on('error', $.sass.logError))
    .pipe($.postcss([autoprefixer()]))
    .pipe($.if(option.env === 'production',$.cleanCss()))
    .pipe($.sourcemaps.write('.'))
    .pipe(gulp.dest('./public/css'))
    .pipe(browserSync.stream())
});

 // 前面为判断式
 .pipe($.if(option.env === 'production',$.cleanCss()))

当然你的 bable 与 vendorJS
也可以自行加入

那今天的介绍就到这里
若有任问题容有误
都可以跟我说唷