使用angular2 cli编译更少的文件
我在angular 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)
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。不需要显式较少安装。我确实需要较少安装