gulp 加css前缀

• 先下载node.js
• 然后通过npm下载插件

　　利用cmd找到根目录　　//如 f:[回车] cd webbg[回车]

　　然后npm init　　//创建的一个工程目录

　　　　npm install -g bower　　//下载bower

　　　　npm i -g gulp　　　　　//下载gulp

　　　　npm i pump　　　　　 //下载pump

　　　　npm i gule-autoprefixer　　//下载gule-autoprefixer插件 用于给css加前缀

• 编写gulpfile.js,用于gulp调用,完成css前缀的自动添加　　

　　　　var gulp=require('gulp');　　　　　　//调用gulp软件,理解为网站后期自动化处理软件
　　　　var pump=require('pump');　　　　//调用pump软件,理解为管道,队列?一种容器?
　　　　var prefixer=require('gulp-autoprefixer');　　调用gulp-autoprefixer插件,为自动化处理css前缀的.

　　　　gulp.task('prefixer',function(cb){　　　　　　//做一个gulp的任务
　　　　　　pump([　　　　　　　　　　　　　　　//添加任务到管道,排队
　　　　　　　　gulp.src('./styles/*.css'),　　　　　　//这是查找css的路径
　　　　　　　　prefixer({　　　　　　　　　　　　//这是自动处理的参数
　　　　　　　　　　borwsers:["last 2 versions"],　　　　//针对游览器
　　　　　　　　　　remove:true 　　　　　　　　　　
　　　　　　　　}),gulp.dest('./web/test')　　　　　　//这是输出css的路径,如果该文件夹没有,那就自动创建
　　　　　　],cb)　　　　　　　　　　　　　　　　cb跟踪的参数,监控用的.
　　　　})

• gulp prefixer 调用

　　　　　在cmd根文件下输入 gulp prefixer.　　//这里的prefixer 与 gulp.task('prefixer',function(cb){} 中的对应,且可以随意命名.

转载于:https://www.cnblogs.com/yinwangyizhi/p/9036094.html