2014-10-09 8 views
6

Ember CLI docs dice di /app/styles cartella seguente:I file CSS non sono stati compilati in app.css come previsto in Ember CLI?

contiene i fogli di stile, se SASS, MENO, stilo, la bussola, o semplice CSS (anche se un solo tipo è ammesso, vedi Asset Compilation). Questi sono tutti compilati in app.css.

Ho i seguenti file in /app/styles: app.css, one.css, two.css.

Mi aspetterei all'avvio del server che nella cartella/dist/assets ci sarà il file chiamato appName.css e il contenuto sarà la concatenazione di tutti e tre i file. Invece c'è solo il contenuto del file app.css. Così ho risolto questo con @import in app.css:

@import url("one.css"); 
@import url("two.css"); 

che ha lavorato con il 0.0.46, anche se non ottimale a causa della maggiore richiesta sono state fatte al server. Ora ho aggiornato a 0.1.1 e i file one.css e two.css non vengono più copiati nella cartella /dist/assets.

Ma la domanda principale è: come posso ottenere la concatenazione di tutti i file css nella cartella /app/styles? Mi manca qualcosa di base o ci sono alcuni comandi necessari per essere inclusi in Brocfile.js?

Aggiornato

Ecco il frammento di Brocfile.js mostrare come abbiamo concatenare i nostri file CSS:

var concat = require('broccoli-concat'); 
var cleanCSS = require('broccoli-clean-css'); 

var concatenatedCss = concat('app/styles', { 
    inputFiles: [ 
     'reset.css', 
     'common.css', 
     'layout.css', 
     ... 
    ], 
    outputFile: '/assets/appName.css', 
    wrapInFunction: false 
}); 

if (app.env === 'production') { 
    concatenatedCss = cleanCSS(concatenatedCss, {restructuring: false}); 
} 

module.exports = app.toTree([concatenatedCss]); 

Aggiungiamo manualmente i file di serie inputFiles.

+0

Grazie per l'aggiornamento, @stephanav. Sei riuscito a ottenere l'impronta del file CSS risultante e l'uso in index.html? – chopper

risposta

1

E 'problema noto con 0.1.1 versione: Static css compiler broken (0.1.x regression)

Probabilmente si deve attendere per l'aggiornamento.

Come per la domanda principale, prova broccoli-concat.

+1

Grazie per la risposta. Broccoli-concat ha fatto quello che volevo. – stepanhav

+0

@stepanhav - Ho lo stesso problema. Potresti condividere come sei andato a riguardo? – chopper

+0

@chopper - Ho aggiornato la domanda con la nostra soluzione. – stepanhav

Problemi correlati