A group-css-media-queries loader for webpack.
npm i -D group-css-media-queries-loader or yarn add --dev group-css-media-queries-loader
Use 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'
]
}
]
}
}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';Examples (for webpack 1.x): webpack.config.js
module: {
loaders: [{
test: /\.css$/,
loader: 'css!group-css-media-queries'
}]
}In your application
var css = require('!raw!group-css-media-queries!./file.css'); // Just the CSS
var css = require('!css!group-css-media-queries!./file.css'); // CSS with processed url(...)s