Skip to content

feat(autoprefixer) Hook up autoprefixer for less, scss, and css.#2852

Closed
SethDavenport wants to merge 2 commits into
angular:masterfrom
SethDavenport:feat/autoprefixer
Closed

feat(autoprefixer) Hook up autoprefixer for less, scss, and css.#2852
SethDavenport wants to merge 2 commits into
angular:masterfrom
SethDavenport:feat/autoprefixer

Conversation

@SethDavenport

@SethDavenport SethDavenport commented Oct 24, 2016

Copy link
Copy Markdown

Autoprefixer is a tool that uses data from caniuse.com to add vendor prefixes for styles that need them. It saves developers from having to manually prefix things, and is widely used these days.

Since it's available as a postcss plugin, it makes sense to inlcude it in the angular-cli build step by default.

This implementation uses the default browser targeting settings: last two versions, or whatever's in the user's project's browserslist.

Closes #1512.

@SethDavenport SethDavenport changed the title [WIP] Adding autoprefixer support feat(autoprefixer) Hook up autoprefixer for less, scss, and css. Oct 24, 2016
@SethDavenport SethDavenport force-pushed the feat/autoprefixer branch 2 times, most recently from 39c41a1 to 6a93a52 Compare October 24, 2016 04:14
@SethDavenport

Copy link
Copy Markdown
Author

Will fix tests soon :) Sorry...

@vadjs

vadjs commented Oct 26, 2016

Copy link
Copy Markdown

I'm not sure that code added in tests really needed. Or this code needed for autoprefixer testing?

@SethDavenport

SethDavenport commented Oct 26, 2016

Copy link
Copy Markdown
Author

yes - I have a test that verifies that autoprefixer works for css files.

however it should also happen at the end of the loader chain for less and scss too. I haven't had time to dig into the less/scss test infrastructure to see what I did wrong yet. I will get to it soon.

[Autoprefixer](https://github.com/postcss/autoprefixer) is a tool that uses data from caniuse.com to add vendor prefixes for styles that need them. It saves developers from having to manually prefix things, and is widely used these days.

Since it's available as a postcss plugin, it makes sense to inlcude it in the angular-cli build step by default.

This implementation uses the default browser targeting settings: last two versions, or whatever's in the user's project's [browserslist](https://github.com/ai/browserslist).

Closes angular#1512.
@SethDavenport

Copy link
Copy Markdown
Author

Rebased, now getting a new error:

[03:48:54] E/launcher - unknown error: Chrome version must be >= 53.0.2785.0

@filipesilva filipesilva left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Heya @SethDavenport, thanks for the PR! It LGTM and we should get around to merging it soon.

Don't worry too much about that chrome 53 error, it has nothing to do with your PR and was fixed in #2914

@SethDavenport

Copy link
Copy Markdown
Author

Awesome :) Thanks for the help on this one.

@SethDavenport

Copy link
Copy Markdown
Author

Thanks for getting this in - just curious though - did I accidentally duplicate a PR from @renehamburger ?

@filipesilva

Copy link
Copy Markdown
Contributor

Uh, I kinda don't know what happened there. I might have botched the merge process when I did it in a batch...

@SethDavenport

Copy link
Copy Markdown
Author

No worries - was just curious

@rokie-web

rokie-web commented Nov 10, 2016

Copy link
Copy Markdown

Hi there. Our team is really appreciating the efforts you did for getting Autoprefixer into the angular-cli. However, right now it seems we don't see it in our copy of beta 19-3. Is there something we are missing that needs to be done?

@Meligy

Meligy commented Nov 13, 2016

Copy link
Copy Markdown
Contributor

@rokie83 it's merged after 19-3, and not released yet. All you can do is either try to work from CLI's git repo, or wait for the next release.

This is sort of why I started the discussion about release frequency in #3127

MRHarrison pushed a commit to MRHarrison/angular-cli that referenced this pull request Feb 9, 2017
[Autoprefixer](https://github.com/postcss/autoprefixer) is a tool that uses data from caniuse.com to add vendor prefixes for styles that need them. It saves developers from having to manually prefix things, and is widely used these days.

Since it's available as a postcss plugin, it makes sense to inlcude it in the angular-cli build step by default.

This implementation uses the default browser targeting settings: last two versions, or whatever's in the user's project's [browserslist](https://github.com/ai/browserslist).

Closes angular#1512.
Close angular#2852
@angular-automatic-lock-bot

Copy link
Copy Markdown

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 11, 2019
mostafaibr pushed a commit to mostafaibr/angular-cli that referenced this pull request May 29, 2026
[Autoprefixer](https://github.com/postcss/autoprefixer) is a tool that uses data from caniuse.com to add vendor prefixes for styles that need them. It saves developers from having to manually prefix things, and is widely used these days.

Since it's available as a postcss plugin, it makes sense to inlcude it in the angular-cli build step by default.

This implementation uses the default browser targeting settings: last two versions, or whatever's in the user's project's [browserslist](https://github.com/ai/browserslist).

Closes angular#1512.
Close angular#2852
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Autoprefixer support

6 participants