Skip to content

sectsect/modernizr-loader

Repository files navigation

@sect/modernizr-loader

npm version MIT license

NPM

Get your Modernizr build bundled with webpack.
This Repos forked from peerigon/modernizr-loader.

Features

  • Support webpack 5

Install

$ npm install --save-dev modernizr @sect/modernizr-loader json-loader

Initialization

You have to create a .modernizrrc configuration file and put your modernizr stuff in it. Like so

// .modernizrrc
{
  "minify": true,
  "options": [
    "setClasses"
  ],
  "feature-detects": []
}

Full list of supported "options" and "feature-detects" can be found in Modernizr config-all.json.

Webpack config

Documentation: Using loaders

Put the following code to your webpack config file:

const path = require('path');

module.exports = {
  module: {
    rules: [
      {
        test: /\.modernizrrc.js$/,
        use: [ '@sect/modernizr-loader' ]
      },
      {
        test: /\.modernizrrc(\.json)?$/,
        use: [ '@sect/modernizr-loader', 'json-loader' ]
      }
    ]
  },
  resolve: {
    alias: {
      modernizr$: path.resolve(__dirname, "path/to/.modernizrrc")
    }
  }
}

Usage

Now you are able to import your custom Modernizr build as a module throughout your application like so:

import Modernizr from 'modernizr';

if (!Modernizr.promises) {
    // ...
}

See the Modernizr documentation for all available options.

Changelog

See CHANGELOG file.

License

See LICENSE file.

About

Get your modernizr build bundled with webpack

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors