3

I've just installed and created app/styles/app.scss, but when I start with ember server the .css file is not created. Is there any other set up I need, other than npm install --save-dev ember-cli-sass?

I've also added this to my Brocfile.js, and run ember build:

Edit: I've also tried compiling manually by adding this to my Brocfile.js and running ember build:

var compileSass = require('broccoli-sass');

var app = new EmberApp();

var sassImportPaths = [
  'app/styles'
];

var appCss = compileSass(sassImportPaths, './app/styles/app.scss', './assets/app.css');
babbaggeii
  • 7,577
  • 20
  • 64
  • 118

3 Answers3

4

You need to install with ember install ember-cli-sass and after rename app.css to app.scss in app/styles/and restart the server. Should work.

Jimmy Beaudoin
  • 47
  • 4
2

See if below will help you

var app = new EmberApp({
  sassOptions: {
     includePaths: [
        'app/styles'
    ]
  }
});
wallop
  • 2,510
  • 1
  • 22
  • 39
1

I was having the same problem.

I just ran npm install --save-dev ember-cli-sass again and it was all good. Everything should work out of the box if you install it and change app/styles/app.css to app/styles/app.scss.

Tim Cook
  • 41
  • 2