Angular 6 watcher 不编译导入的 less 文件 main.less

Question

正在开发 Angular 版本 6。

我正在使用 Less 进行造型。

在 Angular 以前的版本中，我必须在 angular_cli.json 文件中包含较少的主文件，这对我来说非常有效。

在最新的 Angular 6 版本中，我们有一个名为 angular.json 的文件，我做了同样的事情。我在样式中添加了 main.less 文件：[]。

但我面临的问题是，由于某种原因，当我的观察者运行时，它会单独编译 main.less 文件。仅当我重新启动观察程序时，导入的 LESS 文件才会编译。

Answer 1

我找到了解决方案。运行这个命令

npm install --save-dev less-loader@3.0.0

和我在 angular.json

中添加了这个

"schematics": {
    "@schematics/angular:component": {
      "styleext": "less"
    }
  },

这允许 Angular 默认生成更少的文件。

谢谢 :-)

Angular 6 watcher does not compile imported less files in main.less