gulp编译scss采坑记

483 阅读1分钟

先上最终代码

'use strict';var gulp = require('gulp');var sass = require('gulp-sass');var autoprefixer = require('autoprefixer'); var postcss = require('gulp-postcss');var sourceMap = require('gulp-sourcemaps');sass.compiler = require('node-sass');var cleanCSS = require('gulp-clean-css'); //css压缩gulp.task('sass', function () {  return gulp.src('./*.scss')    .pipe(sourceMap.init())    .pipe(sass().on('error', sass.logError))    .pipe(postcss([autoprefixer({ //兼容哪些版本浏览器      browsers: ['last 2 versions', 'ie >= 9', 'Firefox >= 10', 'last 3 Safari versions'],      cascade: true,      remove: true    })])).pipe(cleanCSS())      .pipe( sourceMap.write('.'))    .pipe(gulp.dest('./css'))});gulp.task('watch:sass', function () {  gulp.watch('./*.scss', gulp.series('sass'));});

1. autoprefixer 需要安装 8.0.0    版本的

npm install -D autoprefixer@8.0.0

2.css压缩插件是gulp-clean-css,不是uglyjs

3.  运行 gulp watch:sass