Angular-CLI Sass

Question

我正在使用最新版本的 Angular-CLI 创建一个 Angular2 项目。我在 src/assets/styles/_vars.scss 中有一个带有变量的 sass 文件。是否可以配置 sass 编译器，所以我只需要写

@import "vars";

而不是写出完整路径或相对路径？

Answer 1

你很幸运。参见 this pr .

作为使用 sass 的示例，您希望将 stylePreprocessorOptions 对象添加到 angular-cli.json 中的应用程序配置中。例如:

"apps": [
    {
        "stylePreprocessorOptions": {
            "includePaths": [
                "styles" // This would point to the `my-app/src/styles` directory
            ]
        }
    }
]

从这里开始，如果您有一个 scss 文件，例如 my-app/src/styles/_vars.scss，您就可以

@import 'vars'

跨您的应用 scss 文件。

请记住将 angular-cli 至少更新到 1.0.0-beta.26。