Configuring Sass file in angular-cli-build.js did not compile

[colinshen]

angular-cli: 1.0.0-beta.1
node: 4.4.3

I dont know I configued the sass file from npm was correct.

vendorNpmFiles: [
      'systemjs/dist/system-polyfills.js',
      'systemjs/dist/system.src.js',
      'zone.js/dist/*.js',
      'es6-shim/es6-shim.js',
      'reflect-metadata/*.js',
      'rxjs/**/*.js',
      '@angular/**/*.js',
      '@salesforce-ux/design-system/scss/index.scss'
    ]

after compileing. in dist file it is still sass file, not css

[Codenator81]

npm install node-sass --save-dev

should help and you don`t need add that to angular-cli-build.js
Angular Cli will compile SCSS automatically

[colinshen]

@Codenator81 I installed node-sass. without angular-cli-build.js. how can I use it?

styleUrls: [
    '@salesforce-ux/design-system/scss/index.scss'
  ],

like this?

[Codenator81]

@colinshen No you need add for example

styleUrls: ['ngapp.component.css'],

but not scss like

styleUrls: ['ngapp.component.scss'],

just try do

ng build

and find where it is compiled to css

[colinshen]

@Codenator81 thanks for your help. I got it.

[Bolza]

Then please guys could you fix the documentation https://github.com/angular/angular-cli#css-preprocessor-integration ? It stills says you should include scss files.

[YiniYin]

The doco is wrong! It does NOT make sense to set styleUrls: [my.scss] at all!

[filipesilva]

@Bolza @YiniYin the docs are current for the webpack version, which is still in testing and not tagged as latest. I've added a note here: #1694

[daveo1001]

I'm an idiot. my css I was using to test didn't affect anything in the component.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}