Trabalhando com layouts HTML no Webpack
O Webpack pode trabalhar com layouts HTML. Ele permite conectar automaticamente os bundles gerados ao arquivo do layout. Isso é especialmente conveniente quando o nome do bundle contém um hash.
Para trabalhar com layouts HTML, usamos o html-webpack-plugin. Vamos instalá-lo:
npm install html-webpack-plugin --save-dev
Vamos importá-lo:
import HtmlWebpackPlugin from 'html-webpack-plugin';
Vamos habilitá-lo:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Instale e importe o plugin descrito.