Angular-cli: src/styles.scss compression

[MurhafSousli]

Hi, I put all my components styles in src/styles.scss where I import other styles in it

@import 'style/vendors/_base';
@import 'style/core/_base';
@import 'style/modules/_base';

I do this to gain access to variables and mixins, but it appears that the CLI doesn't compress it before adding it to the head, is this intended or will it be fixed in the future?

[filipesilva]

Hm, can you elaborate on what you mean by this bit?

the CLI doesn't compress it before adding it to the head

[MurhafSousli]

@filipesilva I mean the file src/style.scss doesn't get minified, all the styles I use and import are produced without compression

[filipesilva]

Got it. Will investigate.

[filipesilva]

Partially solved by https://github.com/angular/angular-cli/pull/2593

[grizzm0]

The CSS is minified. See the output style.js in your build dir.

What you're seeing in the head is the CSS from the JS file appended to head by the webpack plugin style-loader. This will be changed in #2646 as "outside of app" styles will compiled to a .css file instead of .js.

@filipesilva Can be closed.

[angular-automatic-lock-bot[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._}