html5-webpack-plugin v1.2.4

html5-webpack-plugin

Usage

const HtmlPlugin = require('html5-webpack-plugin');
plugins: [
    new HtmlPlugin({
        title: 'title',
        input: path.resolve('./app/index.html'),
        minify: process.env.NODE_ENV !== 'development',
    }),
]

Dynamic imports

This plugin looks up for every js asset to add the relevant <link rel="preload">. When using import(), webpack loads the chunk through javascript at runtime adding preload or prefetch (respecting code comments). To avoid having html5-webpack-plugin add the <script></script> for those assets and therefore avoid loading the resource twice, be sure to add the suffix -async to your async bundle name. i.e:

const recharts = import(/* webpackChunkName: "recharts-async", webpackPreload: true */ './chartBundle.js');

// whatever