【发布时间】:2021-10-26 22:28:50
【问题描述】:
我是 gulp 的新手,将 gulp-sass 更新到 5.0 后出现此错误。我尝试了与互联网不同的东西,但没有得到它的工作。
Gulp 版本:4.0.0 吞咽萨斯:5.0.0 萨斯:1.38.1
这是我的 gulpfile.js
var sourcemaps = require('gulp-sourcemaps');
var mode = require('gulp-mode')();
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass')(require('sass'));
var $ = require('gulp-load-plugins')();
var autoprefixer = require('autoprefixer');
var isProduction = mode.production();
var sassPaths = [
// 'node_modules/foundation-sites/scss',
// 'node_modules/motion-ui/src'
];
function sass() {
return gulp.src('assets/sass/theme.scss')
.pipe(mode.development(sourcemaps.init()))
.pipe($.sass.sync(({
includePaths: sassPaths,
outputStyle: 'compressed' // if css compressed **file size**
})).on('error', $.sass.logError))
.pipe($.postcss([
autoprefixer({ overrideBrowserslist: ['last 2 versions', 'ie >= 9'] })
]))
.pipe(mode.development(sourcemaps.write()))
.pipe(gulp.dest('assets/css'))
.pipe(browserSync.stream());
};
function serve() {
browserSync.init({
server: "./"
});
gulp.watch("assets/sass/**/*.{scss,sass}", sass);
gulp.watch("*.html").on('change', browserSync.reload);
}
gulp.task('sass', sass);
gulp.task('serve', gulp.series('sass', serve));
gulp.task('default', gulp.series('sass', serve));
if( isProduction ){
gulp.task('default', gulp.series(sass));
}
【问题讨论】:
-
自 2014 年以来没有人使用 gulp ;)
-
@Dominic 每周 130 万。
标签: javascript node.js asynchronous sass gulp