Esmodules-webpack-plugin NPM

esmodules-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.