先上最终代码
'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