css.js in webpacker-3.3.0

- old
+ new
@@ -1,39 +1,3 @@
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const path = require('path')
-const { dev_server: devServer } = require('../config')
+const getStyleRule = require('../utils/get_style_rule')
 
-const postcssConfigPath = path.resolve(process.cwd(), '.postcssrc.yml')
-const isProduction = process.env.NODE_ENV === 'production'
-const inDevServer = process.argv.find(v => v.includes('webpack-dev-server'))
-const isHMR = inDevServer && (devServer && devServer.hmr)
-const extractCSS = !(isHMR) || isProduction
-
-const styleLoader = {
-  loader: 'style-loader',
-  options: {
-    hmr: isHMR,
-    sourceMap: true
-  }
-}
-
-const extractOptions = {
-  fallback: styleLoader,
-  use: [
-    { loader: 'css-loader', options: { minimize: isProduction, sourceMap: true, importLoaders: 2 } },
-    { loader: 'postcss-loader', options: { sourceMap: true, config: { path: postcssConfigPath } } }
-  ]
-}
-
-// For production extract styles to a separate bundle
-const extractCSSLoader = {
-  test: /\.(css)$/i,
-  use: ExtractTextPlugin.extract(extractOptions)
-}
-
-// For hot-reloading use regular loaders
-const inlineCSSLoader = {
-  test: /\.(css)$/i,
-  use: [styleLoader].concat(extractOptions.use)
-}
-
-module.exports = extractCSS ? extractCSSLoader : inlineCSSLoader
+module.exports = getStyleRule(/\.(css)$/i)