Question

我已将我的应用设置为使用less。我可以将less filess用于我的组件就好了。但是，我需要将一个less文件编译为全局css，以包含在根index.html 中。

我读到最新的angular-cli版本（我使用"angular-cli": "1.0.0-beta.19-3",）使用webpack，但我找不到有关它是如何实现的文档，或者是一个webpack文件来添加这条指令至。

如何设置angular-cli应用程序以编译一个较少的文件以供全局使用？

Answer 1

将您的较少文件添加到apps[0].styles中的angular-cli.json。例如

"apps": [
  {
    "styles": [
      "main.less"
    ]
  }

然后它会自动包含在您的捆绑包中。您可以像往常一样从main.less导入/引用其他较少的文件，并且可以向apps[0].styles添加任意数量的条目。

这也是您可以从供应商添加样式的地方（例如node_modules中的包）。

angular-cli.json中的路径相对于src目录。