使用angular2 CLI

我下面裏面設置編譯文件少角CLI-打造src目錄使用angular2 CLI

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

I'have兩個測試減檔。

test1.less

//some code

test2.less

@import "test1.less";

當我ng build項目，它拋出一個錯誤

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

我已經試過issue 873臨時解決方案。錯誤gone.but找不到任何編譯的css文件。請幫忙。如何在由angular-cli構建的angular2項目中編譯自定義引導較少的文件。

我怎麼能延長引導的少文件的（裏面呆node_modules）與我的自定義lesses

來源

2016-06-22 Ohan

如果您安裝與少和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";一起工作。

來源

2016-06-22 20:18:20

我做了什麼，在他們的文檔中描述。但它不起作用。只有css文件在裏面沒有任何東西。（空）。你成功試過了嗎？請告訴我。 @JS_astronauts – Ohan

我開始了一個新的項目，它使用'less newtest'，它適用於我，首先我正在嘗試node-sass，後來我用較少的方法對它進行了測試。它的工作原理是，我不必進入'angular-cli-build'並且'.css'文件被編譯爲'dist/app /' –

如果@import正在工作或者沒有在您的設置中，請嘗試嗎？ – Ohan

開角cli.json並插入一個新的進入的樣式陣列

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

如果需要安裝更小。我不知道這是否是必需的。但是我事先做了這件事。

npm install less --save

來源

2017-01-24 21:37:20 Shardul

適用於1.0.0-beta.25.5。顯式減少安裝不需要。 – hoodieman

我確實需要安裝較少 – Robert

當創建一個新項目：

ng new project_name --style less

然後，當你看看你的項目，你會發現在每一個組件文件夾中的文件少，而不是一個CSS在一個手。另一方面，當您查看組件的component.ts文件時，可以在@Component，styleUrls：['./xxx.component**.less**']中找到，而不是['./ xxx.component **。CSS **']

對於安裝後不喜歡@Kaspars說：

npm install less --save

完成後：

重命名你的組件目錄中的所有CSS文件少
在每個組件文件中將['./xxx.component.css']更改爲['./xxx.component.less']

如果你想SCSS而不是更少，做一些事情

來源

2017-11-26 20:12:32

使用angular2 CLI

回答

相關問題