首先,需要安装gulp和gulp插件:
1. 安装gulp命令行工具:
“`
npm install gulp-cli -g
“`
2. 在项目中安装gulp和相关插件:
“`
npm install gulp gulp-clean-css gulp-uglify –save-dev
“`
然后,创建gulpfile.js文件,并编写任务来压缩CSS和JS文件:
“`js
var gulp = require(‘gulp’);
var cleanCSS = require(‘gulp-clean-css’);
var uglify = require(‘gulp-uglify’);
// 压缩CSS任务
gulp.task(‘minify-css’, function() {
return gulp.src(‘src/*.css’)
.pipe(cleanCSS())
.pipe(gulp.dest(‘dist’));
});
// 压缩JS任务
gulp.task(‘minify-js’, function() {
return gulp.src(‘src/*.js’)
.pipe(uglify())
.pipe(gulp.dest(‘dist’));
});
// 默认任务
gulp.task(‘default’, gulp.series(‘minify-css’, ‘minify-js’));
“`
执行gulp命令即可运行默认任务,压缩src目录下的CSS和JS文件,并输出到dist目录下。
文章为原创或者来自于互联网,转载请注明来源,如果文章有侵权请联系,我们会及时删除。