@applaud/webpack-modernizr-loader
v1.0.1
Published
Get your modernizr build bundled with webpack, use modernizr with webpack easily
Downloads
24
Maintainers
Readme
@applaud/webpack-modernizr-loader
Get your modernizr build bundled with webpack.
Installation
$ npm install @applaud/webpack-modernizr-loader --save-dev
Usage
There are three use case.
- Using loader
options
.
import modernizr from 'modernizr'; // or `const modernizr = require('modernizr');`
webpack.config.js
module.exports = {
module: {
rules: [
{
loader: 'webpack-modernizr-loader',
options: {
// Full list of supported options can be found in [config-all.json](https://github.com/Modernizr/Modernizr/blob/master/lib/config-all.json).
options: [
"setClasses"
],
"feature-detects": [
"test/css/flexbox",
"test/es6/promises",
"test/serviceworker"
]
},
test: /empty-alias-file\.js$/
}
]
},
resolve: {
alias: {
// You can add comment "Please do not delete this file" in this file
modernizr$: path.resolve(__dirname, "/path/to/empty-alias-file.js")
}
}
}
- Using config file through alias (supported JavaScript and JSON syntax).
import modernizr from 'modernizr'; // or `const modernizr = require('modernizr');`
.modernizrrc.js
"use strict";
module.exports = {
options: [
"setClasses"
],
"feature-detects": [
"test/css/flexbox",
"test/es6/promises",
"test/serviceworker"
]
};
webpack.config.js
module.exports = {
module: {
rules: [
{
loader: "webpack-modernizr-loader",
test: /\.modernizrrc\.js$/
}
]
},
resolve: {
alias: {
modernizr$: path.resolve(__dirname, "/path/to/.modernizrrc.js")
}
}
}
- Using config (supported JavaScript and JSON syntax) file directly (see below example how it is use).
import modernizr from './.modernizrrc.js';
webpack.config.js
module.exports = {
module: {
rules: [
{
loader: "webpack-modernizr-loader",
test: /\.modernizrrc\.js$/
}
]
}
}
Related
- Modernizr - API for this module
Contribution
Feel free to push your code if you agree with publishing under the MIT license.