Angular-CLI Sass

Question

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

@import "vars";

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

Answer 1

你很幸运.看到这个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.