时间戳

首页 > 解决方案 > 如何在 Angular 5 中使用 sassLoader includePaths？

angular - 如何在 Angular 5 中使用 sassLoader includePaths？

问题描述

我发现我正在处理的项目充满了进入共享样式的非常长的相对路径。我想像webpack.config.json允许一样配置它：

sassLoader: {
   includePaths: [path.resolve(__dirname, "./some-folder")]
}

但是 Angular 没有公开这个文件，我发现你可以弹出，但这不是一个选项：

'eject' 命令已被暂时禁用，因为它尚不兼容新的 angular.json 格式。新的配置格式提供了更大的灵活性，可以在不弹出的情况下修改工作区的配置。弹出将在 CLI 的未来版本中重新启用。

如果您今天需要弹出，请使用 CLI 1.7 弹出您的项目。

有没有办法在 Angular 中设置配置选项并让 scss 包含路径？

标签： angularwebpacksass

解决方案

我找到了正确的方法：

角.json

"styles": [
  "src/app/core/preloader/preloader.scss",
  "src/styles.scss"
],
"stylePreprocessorOptions": {
  "includePaths": [
    "src/app/shared/styles/app"
  ]
},

推荐阅读