Comment utiliser SASS et SCSS dans mon projet Ember ?

Question

Nous sommes en train de migrer notre projet existant vers Ember et notre projet contient des fichiers SASS et SCSS. J'utilise ember-cli-sass pour traiter les fichiers SASS en incluant une option "extension : 'sass'". Mais comment puis-je configurer ce plugin pour qu'il utilise à la fois les fichiers .sass et .scss. Merci de m'aider !

Answer 1

Allez-y et installez le paquet ember-cli-sass.

$ ember install ember-cli-sass

En ember-cli-build.js fichier :

// ember-cli-build.js
var app = new EmberApp(defaults, {
  sassOptions: {
    extension: 'sass'
  }
});

o

// ember-cli-build.js
  let app = new EmberApp(defaults, {
    sassOptions: {
      extension: 'scss'
    }
  });

Par défaut, en fonction de votre configuration ci-dessus, cet addon compilera app/styles/app.scss ou votre app/styles/app.sass dans dist/assets/app.css et produire une carte source pour votre délectation.