Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Autoprefixer and --prod flag , do not load all styles. #2827

Closed
goriunov opened this issue Oct 22, 2016 · 4 comments
Closed

Autoprefixer and --prod flag , do not load all styles. #2827

goriunov opened this issue Oct 22, 2016 · 4 comments
Labels
needs: more info Reporter must clarify the issue

Comments

@goriunov
Copy link

Please provide us with the following information:

I am compiling a Angular 2 application with --prod flag and get file style.000.bundle.js which contain
all my styles. Ass well i have added Auctoprefixer to Angular CLI and it works well. And in my style.0000.bundle.js i have all styles which added with autoprefixer however this styles are not loaded to browser, but if i do not use --prod flag everything is working well and all styles are loading to the browser.

OS?

Windows 7, 8 or 10. Linux (which distribution). Mac OSX (Yosemite? El Capitan?)
Mac OS Capitan

Versions.

Please run ng --version. If there's nothing outputted, please run in a Terminal: node --version and paste the result here:
beta 18

Repro steps.

Was this an app that wasn't created using the CLI? What change did you do on your code? etc.
I added autoprefixer to Angular CLI

The log given by the failure.

Normally this include a stack trace and some more information.

Mention any other details that might be useful.

Does not load all styles if i am using --prod flag


Thanks! We'll be in touch soon.

@goriunov goriunov changed the title Autoprefixer and --prod flag , does not load all styles. Autoprefixer and --prod flag , do not load all styles. Oct 22, 2016
@filipesilva filipesilva added the needs: more info Reporter must clarify the issue label Oct 27, 2016
@filipesilva
Copy link
Contributor

How exactly did you add autoprefixer?

@peterblazejewicz
Copy link
Contributor

@filipesilva
I believe I've the same issue.
To recreate with *.21:
CSS rule in SCSS:

.card-columns--custom {
  column-width: 18rem;
  column-count: 3;
}
  • default (behind --dev) inlined
.card-columns--custom {
  -webkit-column-width: 18rem;
     -moz-column-width: 18rem;
          column-width: 18rem;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3; }  
  • production (behind --prod), bundled:
.card-columns--custom{column-width:18rem;column-count:3}

I'm using everything default that comes with CLI, touching only angular-cli settings.
Thanks!

@filipesilva
Copy link
Contributor

Fixed in #3402, but pending release.

@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
needs: more info Reporter must clarify the issue
Projects
None yet
Development

No branches or pull requests

3 participants