如何在Angular 5中使用sassLoader includePaths?

时间:2018-06-08 13:28:41

标签: angular webpack sass

我发现这个项目我正在处理共享样式的很长的相对路径。我想配置它就像webpack.config.json允许:

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

但是Angular没有暴露这个文件,我发现你可以弹出,但这不是一个选择:

  

'eject'命令暂时被禁用,因为它还没有   兼容新的angular.json格式。新配置   format提供了进一步的灵活性来修改配置   您的工作区没有弹出。弹射将在a中重新启用   将来发布的CLI。

     

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

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

1 个答案:

答案 0 :(得分:1)

我找到了正确的方法:

<强> angular.json

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