Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用angular2 cli编译更少的文件_Angular_Less_Angular Cli - Fatal编程技术网

使用angular2 cli编译更少的文件

使用angular2 cli编译更少的文件,angular,less,angular-cli,Angular,Less,Angular Cli,我在angular cli构建中进行了以下设置 Angular2App(defaults,{ lessCompiler: { includePaths: [ 'src/app' ], } }) 我在src目录中有两个无测试文件 test1.less //some code test2.less @import "test1.less"; 当我ng build创建项目时,它会抛出一个错误 Build failed. File: input (1)

我在angular cli构建中进行了以下设置

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
我试过临时解决办法。错误消失了。但是找不到任何已编译的css文件。 请帮忙。如何在angular2项目中编译自定义的无引导文件,该项目由AngularCLI构建


如何使用自定义LESSE扩展引导程序的less文件(留在节点_模块内)

如果使用npm安装less安装less--save并在组件目录中重命名CSS文件,它应该可以工作。 sass的工作原理相同,如
angular cli
documentation/Readme文件中所述

我通过将
other.less
文件放在
/shared目录中
并使用完整路径
/src/app/shared/other.less
导入了导入工作

@import(less)“./src/app/shared/other.less”

现在它可以正常工作了


编辑:可以使用
@import(less)“./src/app/other.less”

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

"styles": [
    "styles.css",
    "less/app.less"
  ],
如果需要,安装更少。我不知道这是否需要。但我事先就做了这件事

npm install less --save

创建新项目时:

ng new project_name --style less
npm install less --save
然后,当您查看项目时,您会发现每个组件文件夹中的文件都比css文件夹中的文件少。另一方面,当您查看组件的component.ts文件时,您会在@component中找到样式URL:['./xxx.component**.less**'],而不是['./xxx.component**.css**']

对于后期安装,就像@Kaspars说的那样:

ng new project_name --style less
npm install less --save
完成后:

  • 将组件目录中的所有CSS文件重命名为less

  • 在每个组件文件中将['./xxx.component.css']更改为['./xxx.component.less']


如果你想要SCS而不是更少,做一些事情

我做了他们文档中描述的事情。但它不起作用。只生成css文件,内部没有任何内容。(空)。你试成功了吗?请让我知道@JS_宇航员我用
ng new lesstest
启动了一个新项目,它对我很有用,首先我尝试了节点sass,后来我用更少的代码测试了它。它可以工作,我不必进入'angular cli build',而且
.css
文件是在
dist/app/
中编译的。请尝试一下@import是否在您的设置中工作?但这会产生另一个问题。。如果@import不采用相对路径,我如何使用自定义lesses扩展引导的less文件(留在节点_模块中)???我的意思是无引导文件已经写入相对路径。适用于1.0.0-beta.25.5。不需要显式较少安装。我确实需要较少安装