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

Question

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

{
    "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替换css

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