Angular 4 + SASS 路径映射

标签 angular sass

我想知道 Angular 4 中是否有为 SASS 文件添加路径映射的方法? 我的意思是,假设我将全局 scss 文件存储在 src/assets/styles 中,我想在我的组件 scss 文件中访问这些文件,这些文件存储在 src/app/component/{component-name}/{component -name}.component.scss。 目前我必须做的:

@import "../../../assets/styles/{file-needed}.scss";

当我希望能够做类似的事情时:

@import "~assets/styles/{file-needed}.scss";

我知道 ~ 会转到 node_modules 目录,这只是一个例子。 有没有办法为这类事情创建快捷方式?

非常感谢!

最佳答案

我找到了答案。 您可以将“stylePreprocessorOptions”添加到 angular-cli.json 应用程序对象,以在您的 scss 编译中包含任何路径。 来源是here .

关于Angular 4 + SASS 路径映射,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45023708/

相关文章:

javascript - Angular 2 中是否在类列表 "ok"中添加/删除?

css - 如何在 CSS 3 媒体查询中使用 SASS 逻辑

firefox - icoMoon 字体在 Firefox 上不显示

javascript - 将我的站点配置注入(inject)到 Angular 8 的其他模块中

angular - 无法通过 AWS EC2 实例上的公共(public) DNS 访问正在运行的 docker 容器

css - SquareSpace 的 SASS Escape 计算器

css - SASS Source Map 指向错误的 SASS 文件

css - Sass 的 @content 指令用例

angular - this.interceptor.intercept 不是函数 Angular 8

javascript - Angular 4通过主机监听器更新输入文本值