当我创建一个嵌套在深层的组件时,如果我想导入一个 shared .scss
,我必须用很长的路径导入它,比如:
@import '../../../app.shared.scss';
.ts
文件不会发生这种情况,因为我可以在tsconfig.json
"paths": {
"*": [
"src/*",
"src/app/*",
]
},
然后而不是在 Typescript 中导入完整路径
import { AppService } from '../../../app.shared';
我可以做得更简单
import { AppService } from 'app.shared';
有什么可能的方法可以对scss
进口做同样的事情吗?
在选项下的 angular-cli.json 中试试这个。这里 a/b 是文件夹。
"stylePreprocessorOptions": {
"includePaths": [
"src/styles/a/b"
]
},
如果 test.scss 文件在文件夹 b 中,则可以在 scss 文件中写入 @import 'test'。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句