Angular-cli:将较少的文件编译为全局css

Question

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

我读到最新的angular-cli版本(我正在使用"angular-cli": "1.0.0-beta.19-3",)使用webpack,但是我找不到关于它如何实现的文档,或者用于添加该指令的webpack文件.

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

Answer 1

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

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

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

这也是您可以从供应商添加样式的地方(例如包中node_modules).

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