README
Webpack Nomodule Plugin
Assigns the nomodule
attribute to script tags injected by Html Webpack Plugin
Configuration
- Install via
npm i -D webpack-nomodule-plugin
- Add to your webpack config AFTER HtmlWebpackPlugin
var NoModulePlugin = require('webpack-nomodule-plugin').WebpackNoModulePlugin;
// OR for import style
import {WebpackNoModulePlugin} from 'webpack-nomodule-plugin'
...
plugins: [
new HtmlWebpackPlugin({
filename: join(OUTPUT_DIR, './dist/index.html'),
hash: false,
inject: 'body',
minify: minifyOptions,
showErrors: false
template: join(__dirname, './src/index.html'),
}),
new WebpackNoModulePlugin({
filePatterns: ['polyfill.**.js']
})
]
The plugin takes a configuration argument with a key called filePatterns
. This is an array of file globs (provided via minimatch) representing which injected script tags to flag as nomodule. Scripts with this attribute will not be executed on newer browsers, so IE and other browser polyfills can be skipped if not needed.
Testing
Testing is done via ts-node and mocha. Test files can be found in /spec
, and will be auto-discovered as long as the file ends in .spec.ts
. Just run npm test
after installing to see the tests run.