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.
Grazie per l'aggiornamento, @stephanav. Sei riuscito a ottenere l'impronta del file CSS risultante e l'uso in index.html? – chopper