A group-css-media-queries loader for webpack.
yarn add -D group-css-media-queries-loaderUse 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.