Gulp 压缩优化程序码(1) DAY88

这里我们先介绍
gulp-clean-css(压缩css) 与 gulp-uglify(压缩js)

https://www.npmjs.com/package/gulp-clean-css

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

npm install gulp-clean-css --save
npm install gulp-uglify --save

压缩css
加入

 .pipe($.cleanCss())

加入结果

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($.cleanCss())
    .pipe($.sourcemaps.write('.'))
    .pipe(gulp.dest('./public/css'))
    .pipe(browserSync.stream())
});

压缩 js
加入

  .pipe($.uglify())

若我们压缩的时候
要把 console 移除
可加入参数

 .pipe($.uglify({
            compress:{
                drop_console: true
            }
        }))

有关参数设定
可参考
https://github.com/mishoo/UglifyJS#compress-options

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