首页 > 代码库 > gulp前端自动化入门
gulp前端自动化入门
一、从零开始搭建gulp前端自动化
1、首先安装nodejs
2、npm init生成package.json
2、定位到当前目录 cd.. d: 我在d盘新建了文件夹gulp
3、npm install --save-dev 安装gulp
4、新建gulpfile.js 需要安装npm install --save-dev gulp-less | npm install --save-dev gulp-uglify | npm install --save-dev gulp-autoprefixer
var gulp = require("gulp"), less = require("gulp-less"), uglify = require("gulp-uglify"), autoprefixer = require("gulp-autoprefixer"); gulp.task(‘testLess‘,function(){ gulp.src(‘src/less/index.less‘) .pipe(less()) .pipe(gulp.dest(‘src/css‘)); }); //gulp.task(‘default‘,[‘testLess‘,‘elseTask‘]); gulp.task(‘jsMin‘,function(){ gulp.src([‘src/js/*.js‘]) .pipe(uglify()) .pipe(gulp.dest(‘dist/js‘)); }); gulp.task(‘testAutoFx‘,function(){ gulp.src([‘src/css/my.css‘]) .pipe(autoprefixer({ browsers:[‘last 2 versions‘,‘Android >=4.0‘], cascade:true, remove:true })) .pipe(gulp.dest(‘dist/css‘)) });参考文章http://www.ydcss.com/
gulp前端自动化入门
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。