Angular-CLI Sass

发布时间：2020-12-17 09:41:32 所属栏目：安全来源：网络整理

导读：我使用最新版本的Angular-CLI来创建Angular2项目.我在src / assets / styles / _vars.scss中有一个包含变量的sass文件.是否可以配置sass编译器,所以我只需要编写 @import "vars"; 而不是写出完整的路径或相对路径？你很幸运见 this pr. 作为使用sass的示例,

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

@import "vars";

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

你很幸运见 this pr.

作为使用sass的示例,您需要在angular-cli.json中将stylePreprocessorOptions对象添加到app配置中.例如：

"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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!