Gulp sass 5.0如何使用带有import()而不是require()的编译器



Gulp-sass最近更新到版本5.0。他们描述说它不再包含编译器,他们说你必须单独安装。

他们有关于如何让gullow-sas需要使用这段代码的编译器的文档。

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

但是我使用import()而不是require(),我不知道如何将他们提供的require()代码翻译成import()

这也是我得到的错误:

Error in plugin "gulp-sass"
Message:
gulp-sass 5 does not have a default Sass compiler; please set one yourself. 
Both the `sass` and `node-sass` packages are permitted.
For example, in your gulpfile:
var sass = require('gulp-sass')(require('sass'));

现在我回滚到4.1.1版本,其中包括编译器,但我想在某个时候将其更新到5.0版本。

import gulpSass from "gulp-sass";
import nodeSass from "node-sass";

const sass = gulpSass(nodeSass);

试试这个。但我仍然不知道这是否是最好的。

  • 我知道"节点sass";应该弃用。只是一个例子。使用";飞镖sass";或";sass">

来自sass github存储库

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

您不能在代码体中使用import语句。它必须在文件的开头使用(请参阅https://flexiple.com/javascript-require-vs-import/#:~:text=20主要%20差异的一个%20,js%20扩展%20作为%20反对%20到%20。(

如果您或任何人正在寻找如何实现gulp代码。我在Reddit上找到了方向https://www.reddit.com/r/webdev/comments/o9okup/error_with_gulpsass_setup/用户-";LessRain"提供了一个答案:

要安装节点sass,请导航到终端中的项目目录并运行以下命令:npm install gulp-gulp-sass node sass gulp-concat--保存开发

然后你可以交换sass=require('guls-sass'(;用于const sass=require("gulp-sass"((require("node-sass"((;

在我的例子中,代码进入了gullfile.js文件,但由于它是语句的一部分,我不需要";const";

let gulp = require('gulp'),sass = require("gulp-sass")(require("node-sass")),...

(来自错误描述(

var sass=require('ulf-ass'((require('ss'((;

对我有用的是使用npm安装sass,而不是使用-g。

最新更新