Webpack extract-text-webpack-plugin and css-loader minification
You could use optimize-css-assets-webpack-plugin, which was created to solve this exact issue. plugins: [ new ExtractTextPlugin(“styles.css”), new OptimizeCssAssetsPlugin() ]
css-loader
Webpack – background images not loading
There is currently a bug when using sourceMap with css-loader. Removing sourceMap from your css loader should fix it. “module”: { “loaders”: [ { “test”: /\.scss$/, “loaders”: [“style”, “css”, “sass?sourceMap”] }, { test: /\.jpg$/, loader: “file-loader” } ] } Issue is related to: https://github.com/webpack/css-loader/issues/296
Import CSS from “node_modules” in Webpack
You can import files relative to your project’s root (resolving node_modules/ from the root folder) by prefixing with a tilde ~: @import ‘~react-select/dist/react-datetime.css’; This is a poorly documented Webpack (a redundant phrase) convention, see https://github.com/webpack-contrib/css-loader/issues/12#issuecomment-41940311 and What does a `~` tilde in a CSS `url()` do?