码迷,mamicode.com
首页 > 其他好文 > 详细

gulp前端自动化入门

时间:2016-09-19 16:04:28      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

一、从零开始搭建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前端自动化入门

标签:

原文地址:http://www.cnblogs.com/junwu/p/5885185.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!