A group-css-media-queries loader for webpack.
yarn add -D group-css-media-queries-loader
Use the loader either via your webpack config, CLI or inline.
webpack.config.js
const sourceMap = true;
module.exports = {
devtool: sourceMap && "source-map",
module: {
rules: [
{
test: /\.css$/,
use: [
"style-loader",
{
loader: "css-loader",
options: { sourceMap },
},
// 'group-css-media-queries-loader',
// or with config
{
loader: "group-css-media-queries-loader",
options: { sourceMap },
},
],
},
],
},
};
Enable CSS source maps.