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 --savenpm 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

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