看流程之前,首先要了解gulp.js,附上链接,大家去APIgulp.js中文网,说说gulp的使用方法。js,Gulp.js是基于node使用的,那么问题又来了,如何安装nodejs,大家还是去菜鸟教程看看吧;这里我就不多说了;第一步在终端输入node-v查看你的nodejs是否安装成功,如果安装成功会提示你的版本,我的是v4.4.4;Step2.全局安装gulpsudonpminstallgulp@latest-gPart3.安装项目的开发依赖sudonpminstall--save-devgulpStep4.在项目根目录下创建一个名为gulpfile.js的文件vargulp=require('gulp');gulp.task('default',function(){//将你的默认任务代码放在这里});Step5.安装压缩模块css安装模块,gulp-minify-css模块;在命令行输入,sudonpminstallgulp-minify-css安装成功后会提示你,Warning'npmWARNdeprecatedgulp-minify-css@1.2.4:Pleaseusegulp-clean-css',这时你需要安装再次sudonpminstallgulp-clean-css,安装成功后即可使用;js模块,gulp-gulifysudonpminstallgulp-uglify@latest好了,两个都安装成功了,接下来就是使用了;直接上代码vargulp=require('gulp');varuglify=require('gulp-uglify');varminfy=require('gulp-minify-css');//创建压缩任务gulp.task('default',function(){//gulp.src(path)的参数可以是string或Array,//每个元素是你要压缩的文件的相对路径gulp.src(['./static/js/a.js','./static/js/b.js','./static/js/c.js','./static/js/d.js',]).pipe(uglify())//gulp.dest(path)可以通过管道传输并写入文件//并重新发出所有数据,因此您可以将其通过管道传输到多个文件夹。//如果文件夹不存在,会自动创建。.pipe(gulp.dest('./static/min.js'));gulp.src(['./static/css/a.css','./static/css/b.css','./static/css/c.css','./static/css/d.css']).pipe(minfy()).pipe(gulp.dest('./static/min.css'));});注意js和css,管道的时候一定要正确引用
