如何在 angular-cli.json 样式部分包含所有 .less 文件？

Question

所以我遇到的问题是每次创建新组件后，我都必须记住将它的.less样式表添加到angular-cli.json文件中。我真正想要的是以某种方式告诉 angular 只重建.lesssrc 中的所有文件。我尝试做这样的事情：

{
    "apps": [
        {
            ...
            "styles": [
                "**/*.less"
            ],
            ...
        }
    ]
}

但我得到

module not found error

有什么帮助吗？

Answer 1

每次创建新组件后，我都必须记住将其 .less 样式表添加到 angular-cli.json

不需要。

组件导入到app.module.ts中，并添加到imports[].

angular-cli.json 仅包含全局样式表styles.less和 npm 包中的样式表。

当你通过 npm 安装包时它会自动添加

如果你的默认样式扩展不少于，

在 angular-cli.json 中，在下面的代码中

"defaults": {
    "styleExt": "css",
    "component": {}
}

将 css 替换为 less 即

"defaults": {
    "styleExt": "less",
    "component": {}
}