乐趣区

gulp–sass

gulp:复制文件在一个临时的地方并进行修改,i/ o 任务只在开始和结束,节省 i / o 流
1. 作为项目的开发依赖(devDependencies)安装:
$ npm install –save-dev gulp
2. 在项目根目录下创建一个名为 gulpfile.js 的文件:
var gulp = require(‘gulp’);
gulp.task(‘default’, function() {
// 将你的默认的任务代码放在这
});
3. 安装 sass 为项目依赖和安装 autoprefixer
$ npm install gulp-sass
$ npm install autoprefixer
4. 完整代码(添加任务)
var gulp = require(‘gulp’);
var sass = require(‘gulp-sass’);
var autoprefixer = require(‘gulp-autoprefixer’);// 自动修复插件

gulp.task(‘default’, function() {
console.log(“hello”);// 将你的默认的任务代码放在这
});

gulp.task(‘stream’, function () {
// Endless stream mode
gulp.watch(‘css/**/*.css’, [‘styles’])// 监测 scss 文件的改动
});

gulp.task(‘styles’, function() {
gulp.src(‘sass/**/*.scss’)
.pipe(sass())// 把 scss 转为 css
.pipe(sass().on(‘error’, sass.logError))// 插入 sass 日志错误函数,更改默认行为,以便统一修改
.pipe(autoprefixer({
browsers: [‘last 2 versions’]
}))
.pipe(gulp.dest(‘./css’));// 把转好的 css 文件存入 css 文件夹
})

退出移动版