compilazione meno file usando angular2 cli

Question

ho le seguenti impostazioni all'interno angolare-cli-costruire

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

I'have due test meno i file nella directory src.

test1.less

//some code 

test2.less

@import "test1.less"; 

quando ho ng build il progetto si genera un errore

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

Ho provato issue 873 soluzione temporanea. L'errore gone.but non ha trovato alcun file css compilato. per favore aiuto. come si compilano file bootstrap personalizzati in meno nel progetto angular2 che è stato realizzato da angular-cli.

come potrei estendere il bootstrap del meno del file (rimasto all'interno node_modules) con i miei Dimunisce personalizzati

Answer 1

Se si installa meno con npm install less --save e rinominare il file CSS nella cartella del componente, dovrebbe funzionare. Funziona allo stesso modo per sass, come descritto nella documentazione angular-cli/file Leggimi.

ho fatto il lavoro di importazione posizionando il file other.less in /shared directory e importarlo con il percorso completo ./src/app/shared/other.less

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

funziona senza un errore ora.

Modifica: funziona anche con @import (less) "./src/app/other.less";.

Answer 2

angolare di apertura-cli.json e inserire una nuova voce nella matrice stili

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

Installare meno, se necessario. Non so se è necessario. Ma l'avevo fatto in anticipo.

npm install less --save 

Answer 3

Quando si crea un nuovo progetto:

ng new project_name --style less 

Poi, quando si dà un'occhiata al vostro progetto, troverete un meno file in ogni cartella componente piuttosto che css uno in quello mano. E d'altra parte, quando si guarda il file component.ts di un componente, si troverà in @Component, styleUrls: ['./xxx.component**.less**'] anziché ['./ xxx.component **.css ** ']

In fase di post installazione fare come @Kaspars detto:

npm install less --save 

Quando fatto:

• rinominare tutti i file CSS nella directory del componente a meno

• modifica ['./xxx.component.css'] di ['./xxx.component.less'] in ogni file componente

Se volete SCSS piuttosto che meno, fare il qualche cosa