What is the simplest, most straightforward manner of including CSS preprocessor?

[stefek99]

Some reading: http://angular-tips.com/blog/2015/06/using-angular-1-dot-x-with-es6-and-webpack/

Having a look at the list of features:

Having look at the source code: https://github.com/preboot/angular-webpack/blob/master/webpack.config.js#L97-L102

---

I put a test.scss file into style directory and the styles wasn't applied.

body {
  a {
    color: red;
  }
}

My experience with WebPack so far - it combines all .js into a single app.bundle.js - I would like to have same feature for the styles... Before I start reinventing the wheel - is it a matter of changing some settings in CSS loader, or maybe adding some other loader such as: https://github.com/jtangelder/sass-loader ?

Or maybe it is working all the time, it's just me not naming files correctly, not importing them?

---

I can confirm that test.css is working just fine while .scss fails to load:

[phra]

just follow README.md of the selected loader for webpack, like this one