Disable CSS optimization

[jjwwiodyne]

Using CRA 4.0.0 is it possible to disable or modify CSS optimization? We have an issue where its changing 100% values to 1%:

@-webkit-keyframes fade {
    0% { opacity: 100%; }
   40% { opacity: 0%; }
   60% { opacity: 0%; }
  100% { opacity: 100%; }
}

becomes

@-webkit-keyframes fade{0%{opacity:1%}40%{opacity:0}60%{opacity:0}to{opacity:1%}}

Taking OptimizeCSSAssetsPlugin out of CRA's webpack config corrects the issue, but that will get blown away anytime npm updates node_modules. Appreciate any advice.

[ChristianMurphy]

@jjwwiodyne a good approach may be to report the issue https://github.com/NMFR/optimize-css-assets-webpack-plugin so that the issue can be fixed, and the plugin doesn't need to be disabled.

[jjwwiodyne]

Thanks Christian. It's a cssnano bug and I reported it to them. It'd be useful to be able to set the CSS processor setting in optimize-css-assets-webpack-plugin to work around this without ejecting the app.