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){} 中的对应,且能够随意命名.