gulp-sass 5没有默认的Sass编译器；请自己设置一个

Question

插件"gulp-sass“消息出错：

gulp-sass 5没有默认的Sass编译器；请自己设置一个。sass和node-sass包都是允许的。例如，在您的gulpfile中：

var sass = require('gulp-sass')(require('sass'));

下面是我的代码。它说var sass = require('gulp-sass')(require('sass'))；在错误中，我正在使用import，没有一个解决方案对我有效我是新手，cli版本是2.3.0本地版本是4.0.2请给我一个解决方案我被困在这里好几天了

import gulp from 'gulp';
import sass from 'gulp-sass';
import yargs from 'yargs';


const PRODUCTION = yargs.argv.prod;

export const styles = () => {
    return gulp.src('src/assets/scss/bundle.scss')
      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest('dist/asset/css'));
}

Answer 1

我遇到了这个问题，我发现添加标准的sass npm npm install --save-dev sass，然后将错误消息的第二部分添加到我的变量中，这样看起来这个const sass = require('gulp-sass')(require('sass'));就可以工作了。

Answer 2

如果你像我一样，使用模块化系统。那么这个解决方案应该会对你有帮助！

您需要安装SASS

还需要安装gulp-sass

import pkg from 'gulp';
const { src, dest, series, watch } = pkg;
import concat from 'gulp-concat'

import dartSass from 'sass'
import gulpSass from 'gulp-sass'
const sass = gulpSass(dartSass)

function scss() {
    return src('app/scss/**/*.scss', { sourcemaps: true })
        .pipe(sass.sync().on('error', sass.logError)) // scss to css
        .pipe(concat('style.min.css'))
        .pipe(dest(config.build.style, { sourcemaps: '../sourcemaps/' }))
}

async function builds() { scss() }
export { builds }

Answer 3

如果我用的是大口大口的

import dartSass from 'sass';
import gulpSass from 'gulp-sass';
const sass = gulpSass( dartSass );

否则如果我使用node-sass

import gulpSass from "gulp-sass";
import nodeSass from "node-sass";
const sass = gulpSass(nodeSass);

在我使用required时的另一种状态

var sass = require('gulp-sass')(require('sass'));