使用angular2 cli编译更少的文件

Question

我在angular-cli-build中进行了以下设置

Angular2App(defaults,{
 lessCompiler: {
     includePaths: [
       'src/app'
      ],
   }
})

我在src目录中有两个测试较少的文件.

test1.less

//some code

test2.less

@import "test1.less";

当我ng build在项目中它抛出一个错误

Build failed.
File: input (1)
The Broccoli Plugin: [LESSPlugin] failed with:
undefined

我试过了873临时解决方案.错误消失了.但是找不到任何已编译的css文件.请帮忙.如何在angular-cli构建的angular2项目中编译自定义bootstrap less文件.

我怎么能用自定义的lesses扩展bootstrap的less文件(保留在node_modules里面)

Answer 1

打开angular-cli.json并在styles数组中插入一个新条目

"styles": [
    "styles.css",
    "less/app.less"
  ],

如果需要,安装较少.我不知道这是否是必需的.但我事先做过这件事.

npm install less --save

Answer 2

如果您安装 less 并 npm install less --save在组件目录中重命名 CSS 文件，它应该可以工作。sass 的工作原理相同，如angular-cli文档/自述文件中所述。

other.less我通过将文件放入/shared directory并使用完整路径导入来完成导入工作./src/app/shared/other.less

@import (less) "./src/app/shared/other.less";

现在它可以正常工作了，没有错误。

编辑@import (less) "./src/app/other.less";：它似乎也可以使用。