Sha256: 87d64847e2b43342bfa167c2a2ae9f3e9527c2cc15c6ccfb200bc17a237a064a
Contents?: true
Size: 1.58 KB
Versions: 11
Compression:
Stored size: 1.58 KB
Contents
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const path = require('path')
const devServer = require('../dev_server')
const { nodeEnv } = require('../env')
const postcssConfigPath = path.resolve(process.cwd(), '.postcssrc.yml')
const isProduction = nodeEnv === '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 getStyleRule = (test, modules = false, preprocessors = []) => {
const extractOptions = {
fallback: styleLoader,
use: [
{
loader: 'css-loader',
options: {
minimize: isProduction,
sourceMap: true,
importLoaders: 2,
modules
}
},
{
loader: 'postcss-loader',
options: {
sourceMap: true,
config: { path: postcssConfigPath }
}
},
...preprocessors
]
}
const options = modules ? { include: /\.module\.[a-z]+$/ } : { exclude: /\.module\.[a-z]+$/ }
// For production extract styles to a separate bundle
const extractCSSLoader = Object.assign(
{},
{ test, use: ExtractTextPlugin.extract(extractOptions) },
options
)
// For hot-reloading use regular loaders
const inlineCSSLoader = Object.assign(
{},
{ test, use: [styleLoader].concat(extractOptions.use) },
options
)
return extractCSS ? extractCSSLoader : inlineCSSLoader
}
module.exports = getStyleRule
Version data entries
11 entries across 11 versions & 2 rubygems