[React Scripts 2] Sass support appears to not utilise AutoPrefixer
See original GitHub issueIs this a bug report?
Yes
Did you try recovering your dependencies?
Yes I have
Which terms did you search for in User Guide?
[‘auto prefixer’, ‘browser prefix’]
Environment
Environment: OS: macOS Sierra 10.12.6 Node: 8.9.1 Yarn: 1.6.0 npm: 5.5.1 Watchman: 4.9.0 Xcode: Xcode 9.2 Build version 9C40b Android Studio: Not Found
Packages: (wanted => installed) react: ^16.2.0 => 16.3.1 react-dom: ^16.2.0 => 16.3.1 react-scripts: 2.0.0-next.3e165448 => 2.0.0-next.66cc7a90
Steps to Reproduce
(Write your steps here:)
- Create styles.module.scss
- Apply styles to any element within this file
- Check chrome devtools styles and computed styles for browser prefix entries
Expected Behavior
Auto-prefixer would apply browser prefix rules for any rule entered within my SASS file.
Actual Behavior
Styles are applied, but no browser prefix styles are applied.
Reproducible Demo
(Paste the link to an example project and exact instructions to reproduce the issue.)
Issue Analytics
- State:
- Created 5 years ago
- Comments:16 (5 by maintainers)
Top Results From Across the Web
Autoprefixer doesn't work in create-react-app while using sass
Your browserlist setting is really modern. This means many of the css prefixes are no longer necessary. Try something like
Read more >How to use Sass and CSS Modules with create-react-app
A short yet detailed guide to styling components with create-react-app. Up until the release of create-react-app v2, if you wanted to include ......
Read more >Add PostCSS to Create-React-App - DEV Community
Only Autoprefixer as far as I know, and that's what this tweet says. You can't add custom plugins to PostCSS in CRA currently,...
Read more >react-scripts-ts-and-sass - npm package - Snyk
TypeScript configuration and scripts for Create React App. For more information about how to use this package see README.
Read more >Ready to integrate or switch CSS Preprocessors on React ...
Step 2- Installing the four main CSS Preprocessors: Sass/SCSS ... The point of CRA is not to maintain the configuration and scripts.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This wasn’t a feature in 1.x
@Tasemu can be that this issue is related to Autoprefixer not to the CRA?