我在一个 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 中的路径是相对于该文件的。我不知道如何指定。
最佳答案
你是对的,它放在 angular.json
文件的 styles
属性中。
此外,扩展无关紧要,编译器无论如何都会将其转换为 JS(除非它是一种 Assets ,否则它会保持原样)
路径是
./node_modules/...
关于css - 如何正确导入导入其他 CSS/SCSS 的 SCSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58063357/