css - 如何正确导入导入其他 CSS/SCSS 的 SCSS

Question

我在一个 Angular 元素中有一个 SCSS，它从 node_modules 导入另一个 SCSS:

@import "node_modules/grapesjs/src/styles/scss/main.scss";

SCSS导入其他样式:

@import "node_modules/spectrum-colorpicker/spectrum";
@import "node_modules/font-awesome/scss/font-awesome";
@import "node_modules/codemirror/lib/codemirror";
@import "node_modules/codemirror/theme/hopscotch";


@import "gjs_variables.scss";

但这会导致这个错误:

我猜这意味着我需要正确指定路径。我的 angular.json 中有这个:

        "stylePreprocessorOptions": {
          "includePaths": [
            "src/styles",
            "."    // **this is where the node_modules directory is**
          ]
        },

我的猜测是 main.scss 中的路径是相对于该文件的。我不知道如何指定。

Answer 1

你是对的，它放在 angular.json 文件的 styles 属性中。

此外，扩展无关紧要，编译器无论如何都会将其转换为 JS(除非它是一种 Assets ，否则它会保持原样)

路径是

./node_modules/...