gulp插件
Posted 前端日常学习
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了gulp插件相关的知识，希望对你有一定的参考价值。
插件官网
http://gulpjs.com/plugins/
将插件安装到本地之后， 要require引入之后才可以正常使用
gulp合并插件 gulp-concat
用于合并js文件
gulp.task('scripts',function(){return gulp.src(['scripts/hz.js','scripts/index.js']).pipe(concat('vendor.js')).pipe(gulp.dest('dist/js'))})
gulp代码压缩插件gulp-uglify
gulp.task('scripts',function(){return gulp.src(['scripts/hz.js','scripts/index.js’]).pipe(concat('vendor.js’)).pipe(uglify()).pipe(gulp.dest('dist/js'))})
我们是否可以保存两份js文件，一份已经压缩，另一份没有压缩的那？
重命名 gulp rename插件
gulp.task('scripts',function(){return gulp.src(['scripts/hz.js','scripts/index.js']).pipe(concat('vendor.js')).pipe(gulp.dest('dist/js')).pipe(uglify()).pipe(rename('vendor.min.js')).pipe(gulp.dest('dist/js'))})
css压缩 gulp-minify-css
gulp.task('sass',function(){return gulp.src('stylesheet/**/*.scss').pipe(sass()).pipe(minifyCSS()).pipe(gulp.dest('dist/css'))})
图片压缩gulp-imagemin插件
gulp.task('image-copy',function(){return gulp.src('images/**/*').pipe(imagemin()).pipe(gulp.dest('dist/images'))})
在代码压缩结束之后那， 会给你一个提示， 告诉你节省了多少的空间；
以上是关于gulp插件的主要内容，如果未能解决你的问题，请参考以下文章