Làm việc với bố cục HTML trong Webpack

Webpack có thể làm việc với các bố cục HTML. Nó cho phép tự động thực hiện việc kết nối các bundle đã được build vào file bố cục. Điều này đặc biệt tiện lợi khi tên bundle có chứa hash.

Để làm việc với các bố cục HTML, chúng ta sử dụng html-webpack-plugin. Hãy cài đặt nó:

terminalnpm install html-webpack-plugin --save-dev

Import nó:

webpack.config.jsimport HtmlWebpackPlugin from 'html-webpack-plugin';

Kích hoạt nó:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};