A group-css-media-queries loader for webpack.
yarn add -D group-css-media-queries-loader
# for webpack@1
yarn add -D group-css-media-queries-loader@1Use the loader either via your webpack config, CLI or inline.
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
'group-css-media-queries-loader',
// or with config
{
loader: 'group-css-media-queries-loader',
options: {
sourceMap: true
}
}
]
}
]
}
}In your application
import css_min from 'style.css';webpack --module-bind 'css=style-loader!css-loader!group-css-media-queries-loader'In your application
import css_min from 'style.css';In your application
import css_min from 'style-loader!css-loader!group-css-media-queries-loader!./style.css';Enable CSS source maps.