esmodules-webpack-plugin
v0.0.3esmodules-webpack-plugin
This plugin build an extra JavaScript for ESModules, it supports loading with <script type="module" src="..."></script>
.
Getting Started
To begin, you'll need to install esmodules-webpack-plugin
:
$ npm install esmodules-webpack-plugin --save-dev
Then add the plugin to your webpack
config. For example:
webpack.config.js
const ESModulesWebpackPlugin = require('esmodules-webpack-plugin');
module.exports = {
plugins: [
new ESModulesWebpackPlugin()
]
};
And run webpack
via your preferred method.
Features
- Build completely different files for both modern and legacy browsers
- Avoid rebuilding the assets except JavaScript
- Support html-webpack-plugin and inject scripts automatically
- ...
Options
webpackConfig
- Type:
Object
- Required:
false
Compile JavaScript for ESModules with this config, the plugin will inject any assets exclude .js
that you compiled before, so we won't build assets twice.
tips: If webpackConfig
is defined, webpackOptions
will be ignored.
webpackOptions
- Type:
Object
- Required:
false
It also a webpackConfig for ESModules, the difference is that it will merge the defaultConfig which is based on previous config, so it's flexible when you need to load some plugins or options.
styleLoader
- Type:
String|Boolean
- Required:
false
- default: development=true, production=false
If style-loader
was used, please let me know so we can deal with css
and inject css to js.