react-scripts 3.3.0: Grids do not get autoprefixed for IE11 in production builds using sass modules
Created by: chce
Describe the bug
CSS isn't getting autoprefixed when using Sass modules. Not sure if it's also the case for css. This breaks the styling for IE11.
Did you try recovering your dependencies?
Yes
Which terms did you search for in User Guide?
I tried to figure out how to give some custom options to the build process to see if that could fix it, I guess?
Environment
Environment Info:
System: OS: Windows 10 10.0.16299 CPU: (4) x64 Intel(R) Core(TM) i7-7600U CPU @ 2.80GHz Binaries: Node: 10.16.3 - C:\Program Files\nodejs\node.EXE Yarn: Not Found npm: 6.12.0 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: 41.16299.1480.0 Internet Explorer: 11.0.16299.371 npmPackages: react: ^16.12.0 => 16.12.0 react-dom: ^16.12.0 => 16.12.0 react-scripts: 3.3.0 => 3.3.0 npmGlobalPackages: create-react-app: Not Found
Steps to reproduce
(Write your steps here:)
- Clone this repo https://github.com/chce/create-react-app-with-css-modules/tree/master/src
- npm install
- npm run build
- Inspect build folder css, no grids are autoprefixed
Expected behavior
I expect it to build the same css as it did when using 3.2.0
Actual behavior
No grid-syntax in the scss-modules is autoprefixed
Reproducible demo
https://github.com/chce/create-react-app-with-css-modules
Fork this, install dependencies, run react-scripts build, inspect build-files