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
也可以自行加入

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