[Webpack] cssRules does not apply to .scss files imported from a .html file.

[graycrow]

I'm submitting a bug report

• Library Version:
  1.2.1

Please tell us about your environment:

• Operating System:
  Windows 8.1

• Node Version:
  13.0.1

• NPM Version:
  6.12.1

• Browser:
  all

• Language:
  TypeScript 3.6.4

• Loader/bundler:
  Webpack

Current behavior:
If I import SASS styles from the model (.ts), they are processed by the PostCss loader, autorefixer rules are applied, etc. If the same file is imported from the view (.html), the Css loader options are not applied.

• What is the expected behavior?
  This line:
  

  cli/skeleton/webpack/webpack.config.js

  Line 277 in 17afc51

  use: ['css-loader', 'sass-loader'],

probably should be replaced by something like this:
use: [...cssRules, ...sassRules],

• What is the motivation / use case for changing the behavior?
  I'd like all styles to be handled equally. The appearance of the page should not depend on the import method.

[3cp]

Sorry, I missed your point. Correct, it should be cssRules. PR welcome!

[3cp]

@Sayan751 I thought we cleaned up css config. Can you review all of css config?