最近公司打算把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的文件
})
这就完美搞定了~