css-mqpacker-webpack-plugin

    0.12.3 • Public • Published

    css-mqpacker-webpack-plugin

    npm version

    The Webpack plugin for pack same CSS media query rules into one using PostCSS.

    node-css-mqpacker

    Install

    npm i css-mqpacker-webpack-plugin --save-dev
    # or
    yarn add css-mqpacker-webpack-plugin -D

    Example

    webpack.config.js

    const CssMqpackerPlugin = require('css-mqpacker-webpack-plugin');
    
    module.exports = {
      optimization: {
        minimize: true,
        minimizer: [
          new CssMqpackerPlugin(),
        ],
      },
    };

    Options

    test

    Type: String|RegExp|Array<String|RegExp> Default: /\.css(\?.*)?$/i

    Test to match files against.

    webpack.config.js

    module.exports = {
      optimization: {
        minimize: true,
        minimizer: [
          new CssMqpackerPlugin({
            test: /\.foo\.css$/i,
          }),
        ],
      },
    };

    include

    Type: String|RegExp|Array<String|RegExp> Default: undefined

    Files to include.

    webpack.config.js

    module.exports = {
      optimization: {
        minimize: true,
        minimizer: [
          new CssMqpackerPlugin({
            include: /\/includes/,
          }),
        ],
      },
    };

    exclude

    Type: String|RegExp|Array<String|RegExp> Default: undefined

    Files to exclude.

    webpack.config.js

    module.exports = {
      optimization: {
        minimize: true,
        minimizer: [
          new CssMqpackerPlugin({
            exclude: /\/excludes/,
          }),
        ],
      },
    };

    sort

    Type: Boolean|Function Default: false

    By default, CSS MQPacker pack and order media queries as they are defined (the “first win” algorithm). If you want to sort media queries automatically, pass sort: true.

    webpack.config.js

    module.exports = {
      optimization: {
        minimize: true,
        minimizer: [
          new CssMqpackerPlugin({
            sort: true,
          }),
        ],
      },
    };

    License

    MIT

    Install

    npm i css-mqpacker-webpack-plugin

    DownloadsWeekly Downloads

    34

    Version

    0.12.3

    License

    MIT

    Unpacked Size

    12.1 kB

    Total Files

    7

    Last publish

    Collaborators

    • shoonia