group-css-media-queries-desktop-loader

group-css-media-queries-loader

A group-css-media-queries loader for webpack.

Install

yarn add -D group-css-media-queries-loader

Usage

Use the loader either via your webpack config, CLI or inline.

Via webpack config (recommended)

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 }
          }
        ]
      }
    ]
  }
};

Options

sourceMap boolean true or false

Enable CSS source maps.

mobileFirst boolean true or false

Sort Media-queries in order for mobile or desktop first