css - 使用 sass Node 命令行解析来自 node_modules 的 @use 导入？

Question

我正在尝试使用 material web components 生成的 SASS .

我创建一个新的 Node 元素，如下所示:

mkdir sassplayground

并使用依赖项初始化它:

cd sassplayground
npm i @material/button
npm i @material/theme

如果我们在 test.scss 上运行 sass --watch test.scss:test.css 并包含以下内容:

@use 'sass:map';
@use '@material/button/button' as mdc-button;

我们收到此错误:

Error: Can't find stylesheet to import.
  ╷
2 │ @use '@material/button/button' as mdc-button;
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  test.scss 2:1  root stylesheet

如果我们通过添加 node_modules 前缀来修复它，如下所示:

@use 'sass:map';
@use 'node_modules/@material/button/button' as mdc-button;

我们收到如下传递依赖错误:

Error: Can't find stylesheet to import.
   ╷
26 │ @use '@material/feature-targeting/feature-targeting';

我们如何解决 node_modules 中的 SASS 依赖关系？

Answer 1

好的，这有效:

sass --watch test.scss:test.css --load-path=node_modules