question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[React Scripts 2] Sass support appears to not utilise AutoPrefixer

See original GitHub issue

Is 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:)

  1. Create styles.module.scss
  2. Apply styles to any element within this file
  3. 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:closed
  • Created 5 years ago
  • Comments:16 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
gaearoncommented, Sep 27, 2018

This wasn’t a feature in 1.x

1reaction
sidoruk-svcommented, Jul 4, 2018

@Tasemu can be that this issue is related to Autoprefixer not to the CRA?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found