如何利用gulp实现压缩？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
计算
安全
数据库
网络和加速
企业服务
install 按钮，下载完成后直接运行程序，就一切准备就绪。 npm 会随着安装包一起安装，node -v //查看node版本，如果显示版本号，则安装成功。npm -v //查看npm版本，如果显示版本号，则安装成功。定位到自己项目文件处 例如：cd /Users/ydz/WebstormProjects/bucketMaster sudo npm install -g gulp // 下载安装gulpgulp -v //查看gulp版本，如果显示版本号，则安装成功。npm init //建立本地仓库，生成package.json文件进行配置npm install save-dev gulp //安装gulp到项目本地npm install gulp-htmlmin //安装压缩html插件npm install gulp-uglify //安装压缩js插件npm install gulp-minify-css //安装压缩css插件npm install gulp-imagemin //安装压缩图片插件npm install del//安装压缩清除插件3，新建gulpfile.js文件 collapseWhitespace: true,//压缩HTML collapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input /> removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input /> removeScriptTypeAttributes: true,//删除<script>的type="text/javascript" removeStyleLinkTypeAttributes: true//删除<style>和<link>的type="text/css" }; return gulp.src(['bucketSrc/*/*.html','bucketSrc/*.html']) .pipe(htmlmin(options)) .pipe(gulp.dest('bucketDist'));});gulp.task('minifycss', function() { return gulp.src(['bucketSrc/s/c/*/*.css','bucketSrc/s/c/*.css']) //压缩的文件 .pipe(minify()) .pipe(gulp.dest('bucketDist/s/c')) ; //输出文件夹});gulp.task('minifyjs',function(){ return gulp.src('bucketSrc/s/j/*/*.js') .pipe(uglify()) .pipe(gulp.dest('bucketDist/s/j'))});gulp.task('clean', function(cb) { del(['bucketDist/*/*.html','bucketDist/*.html','bucketDist/s/img/*.*','bucketDist/s/c/*/*.css','bucketDist/s/c/*.css','bucketDist/s/j/*/*.js'], cb)});gulp.task('images', function() { return gulp.src('bucketSrc/s/img/*.*') .pipe(imagemin({ progressive: false })) .pipe(gulp.dest('bucketDist/s/img'));});gulp.task('default', ['clean', 'testHtmlmin', 'minifycss','images','minifyjs']);4，命令行中运行gulp default关于如何利用gulp实现压缩问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
