如何解决Gulp-sass 5.0 如何使用带有 import() 而不是 require() 的编译器?
Gulp-sass 最近更新到 5.0 版。他们描述说它不再包含编译器,他们说你必须单独安装。
他们有关于如何让 gulp-sass 要求编译器使用这段代码的文档。
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 dartSass from 'sass';
import gulpSass from 'gulp-sass';
const sass = gulpSass( dartSass );
,
import gulpSass from "gulp-sass";
import nodeSass from "node-sass";
const sass = gulpSass(nodeSass);
试试这个。 但我仍然不知道这是不是最好的。
- 我知道“node-sass”应该被弃用。只是一个例子。
您不能在代码正文中使用 import 语句。它必须用在文件的开头(见 https://flexiple.com/javascript-require-vs-import/#:~:text=One%20of%20the%20major%20differences,js%20extension%20as%20opposed%20to%20.)
如果您或任何人正在寻找如何实现 gulp 代码。我在 Reddit https://www.reddit.com/r/webdev/comments/o9okup/error_with_gulpsass_setup/ 上找到了一个方向 - “LessRain”提供了一个答案:
要安装 node-sass 导航到终端中的项目目录 并运行以下命令: npm install gulp gulp-sass node-sass gulp-concat --save-dev
然后你可以交换 sass = require('gulp-sass');对于 const sass = require("gulp-sass")(require("node-sass"));
在我的情况下,代码进入了 gulpfile.js 文件,但由于它是声明的一部分,我不需要“const”
let gulp = require('gulp'),sass = require("gulp-sass")(require("node-sass")),...
,
(来自错误描述)
var sass = require('gulp-sass')(require('sass'));
,对我有用的是使用 npm install sass 而不是使用 -g。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。