如何在Angular 7中为绝对路径配置手写笔？

我的Angular应用程序已配置为用于其样式设置。几乎所有组件的样式都继承自

src/styles/common.styl

，后者提供配置和混合。但是，这意味着我的手写笔文件都有较长的相对轨迹：

@import'../../../../styles/common'；

这也意味着，当我们设置一个新组件时，我们必须添加这一行，然后根据其文件夹嵌套级别确定要添加的适当数量的

。/

我希望能够为我们的手写笔代码使用绝对路径。这意味着无论文件夹嵌套级别如何，都可以从应用程序中的任何组件使用如下导入：

@import'/styles/common'；

在Angular 7中实现触针导入绝对路径的最佳实践是什么？

---

它看起来像是通过配置触控笔加载程序，但我找不到一个干净的方法来为Angular实现这一点。看起来像是一个相关的选项，但它们似乎用于批量替换默认配置，而不仅仅是用一个配置修改它，如果可以避免的话，我宁愿不必从头开始重新进行网页包配置，只需配置触控笔设置。

在触控笔中，使用~，您可以非常轻松地进行根相对样式导入：

@import "~src/styles/common";

其中，根tsconfig.json中的baseUrl为：

"baseUrl": "./",

---

使用不同的baseUrl，您将需要不同的导入模式。例如，

src/

的baseUrl要求您使用

@import“~styles/common”

的路径仍然可以解析为

src/styles/common
非常感谢，这实际上可以在手写笔中使用！我已经用这个场景的正确触控笔语法更新了你的答案。明天我就可以奖励赏金了，到时候就归你了。很高兴我能帮上忙