{// Exclude `js` files to keep "css" loader working as it injects// its runtime that would otherwise processed through "file" loader.// Also exclude `html` and `json` extensions so they get processed// by webpacks internal loaders.exclude: [/\.(js|jsx|mjs)$/,/\.html$/,/\.json$/,/\.(sass|scss)$/],loader: require.resolve('file-loader'),options: {name: 'static/media/[name].[hash:8].[ext]'},},{test: /\.(sass|scss)$/,use: ['style-loader','css-loader',{loader: require.resolve('postcss-loader'),options: {// Necessary for external CSS imports to work// https://github.com/facebookincubator/create-react-app/issues/2677ident: 'postcss',plugins: ()=>[require('postcss-flexbugs-fixes'),autoprefixer({browsers: ['>1%','last 4 versions','Firefox ESR','not ie < 9',// React doesn't support IE8 anyway],flexbox: 'no-2009',}),],},},'sass-loader']},
webpack.config.prod.js
{{test: [/\.css$/,/\.(sass|scss)$/],// /\.css$/ loader: ExtractTextPlugin.extract(Object.assign({fallback: {loader: require.resolve('style-loader'),options: {hmr: false,},},use: [{loader: require.resolve('css-loader'),options: {importLoaders: 1,minimize: true,sourceMap: shouldUseSourceMap,},},{loader: require.resolve('postcss-loader'),options: {// Necessary for external CSS imports to work// https://github.com/facebookincubator/create-react-app/issues/2677ident: 'postcss',plugins: ()=>[require('postcss-flexbugs-fixes'),autoprefixer({browsers: ['>1%','last 4 versions','Firefox ESR','not ie < 9',// React doesn't support IE8 anyway],flexbox: 'no-2009',}),],},},],},extractTextPluginOptions)),// Note: this won't work without `new ExtractTextPlugin()` in `plugins`.},},{loader: require.resolve('file-loader'),// Exclude `js` files to keep "css" loader working as it injects// it's runtime that would otherwise processed through "file" loader.// Also exclude `html` and `json` extensions so they get processed// by webpacks internal loaders.exclude: [/\.(js|jsx|mjs)$/,/\.html$/,/\.json$/,/\.(sass|scss)$/],options: {name: 'static/media/[name].[hash:8].[ext]',},},