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

Question

所以我遇到的问题是，每次创建新组件后，我都必须记住将它的 .less 样式表添加到 angular-cli.json 文件.我真正想要的是以某种方式告诉 Angular 只重建所有 .less 文件，无论它们在 src 中的什么位置。我试着做这样的事情:

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

但是我得到了

module not found error

有什么帮助吗？

Answer 1

each time after I create a new component, I have to remember to add it's .less stylesheet to angular-cli.json

不需要。

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

angular-cli.json 仅包括全局样式表 styles.less 和来自 npm 包的样式表。

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

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

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

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

用less替换css

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