使用gulp将sass转化成css

最近公司打算把APP的部分功能迁移到很早之前的一个wap站点，my god，记得之前wap都是纯HTML + CSS。。。。。

功能函数还好说，样式问题就麻烦了啊，于是就考虑到引入gulp，对scss文件进行转化，变成css

首先你需要全局安装gulp

npm install gulp -g

此时进到你的项目中，建立一个gulpfile.js文件

在项目根目录下安装gulp，与gulp-sass

npm install gulp --sabe-dev
npm install gulp-sass --save-dev

在gulpfile文件中简单配置一下

var gulp = require('gulp')
var sass = require('gulp-sass')
gulp.task('sass', function () {
	return gulp.src('wap_media/sass/*.scss')   //这是需要转化的sass文件
		.pipe(sass())
		.pipe(gulp.dest('wap_media/css/xcp')) //这是转化后css的文件
})

这就完美搞定了~