Question

我正在从事Angle 6混合项目。通常我们在styles数组中的angular.json中添加css依赖文件。

"styles": [
     "src/styles.scss", 
     "./node_modules/css file"
 ],

当我遇到一些样式冲突时，我尝试使用父类将node_modules css文件嵌套在 styles.scss 中。

.parent-class {
  @import '~bootstrap/dist/css/bootstrap.css';
  @import "~/node_modules/xyz/styles/xyz.css";
  @import "~@aa/abc/styles/theme.css";
}

sass建议的上述解决方案在这里行不通，任何有关使用angular 6构建应用程序时进行全局嵌套的想法。

Answer 1

您可以将其添加到angular.json文件中的“样式”下方

        "stylePreprocessorOptions": {
          "includePaths": [
            "path to your sass files here such as src/scss"
          ]
        }

然后您可以将它们导入任何sass文件中，如下所示：

@import 'xyz.scss';

等

Angular 6 SASS嵌套在模块级别不起作用

1 个答案: