如何在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": {}
}