缩短 Angular 7 中的 SCSS 导入路径

阮风天

当我创建一个嵌套在深层的组件时,如果我想导入一个 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何缩短导入Angular的路径?

来自分类Dev

缩短zsh提示中的路径

来自分类Dev

缩短zsh提示中的路径

来自分类Dev

缩短Access中的对象路径名

来自分类Dev

如何缩短bash中//之间的路径部分

来自分类Dev

缩短ES2015导入路径

来自分类Dev

缩短ES2015导入路径

来自分类Dev

在导入scss文件中〜的含义

来自分类Dev

Angular 6 从模块中的不同路径导入相同的组件

来自分类Dev

在 Angular Dart 中导入 SCSS 部分

来自分类Dev

从BASH调用的SED脚本:如何缩短输出中的变量路径?

来自分类Dev

Python3-缩短Ubuntu中主目录的路径

来自分类Dev

当Angular 8中导入了样式表时,如何使用SCSS更改字体颜色?

来自分类Dev

缩短Angular显示变量

来自分类Dev

如何覆盖导入的Scss文件中的样式

来自分类Dev

将scss变量导入Vue中的Typescript

来自分类Dev

在 angular7 图像路径中编译是错误的

来自分类Dev

不从 Angular 7 中的本地路径加载图像

来自分类Dev

反应中的导入路径

来自分类Dev

在Matlab中缩短

来自分类Dev

django中的URL缩短

来自分类Dev

缩短Java中的数组

来自分类Dev

在Swift中缩短URL

来自分类Dev

缩短Javascript中的功能

来自分类Dev

如何在Java中缩短文件路径(获取规范路径)?

来自分类Dev

如何在Java中缩短文件路径(获取规范路径)?

来自分类Dev

Angular 8 Universal Build在SCSS导入上失败

来自分类Dev

无法将 Bootstrap 4 SCSS 导入 Angular-Cli 1.5

来自分类Dev

在 Angular 5 中导入 scss 的更简单方法