当前位置: 首页 > 后端技术 > Node.js

Gulp压缩静态资源

时间:2023-04-03 13:30:39 Node.js

[需求分析]我有JS/Css/html压缩需求,gulp可以满足gulp是一个构建自动化的工具,用于业务处理,依赖第三方插件完成,官方指导http://www.gulpjs。com.cn/docs...【前提条件】安装好node.js运行环境,并配置好npm。Npm是node.js的包管理工具。npminstall可以下载对应的模块,类似于php的laravel框架的composerrequire。也是下载依赖的好手。[步骤]gulp下载gulpfile.js配置gulp调用执行[实践]vargulp=require('gulp'),//require是node_modules中下载的模块,直接使用模块名cssmin=require('gulp-cssmin'),//例如,如果你想处理css压缩,那么你必须确保你有npminstallgulp-cssmin。只有这样才能requirejsmin=require('gulp-uglify');/*gulp将任务分配给指定的插件,由插件处理输入输出*///css压缩gulp.task('cssmin',function(){//cssmin是调用执行gulp时的任务名,可选/*白话:什么样的文件,将输出输出到哪个插件,将结果输出到哪里*/gulp.src('./public/mobile/css/*.css').pipe(cssmin()).pipe(gulp.dest('./release/css'));});//JS压缩gulp.task('jsmin',function(){gulp.src('./public/mobile/js/*.js').pipe(jsmin()).pipe(gulp.dest('./release/js'));});[调用][gulp常用插件整理]gulp-less编译LESS文件gulp-autoprefixer添加CSS私有前缀gulp-cssmin压缩CSSgulp-rname重命名gulp-imagemin图像压缩gulp-uglify压缩JSgulp-concat合并gulp-htmlmin压缩HTML插件库在这里https://gulpjs.com/plugins/