webpack动态多页配置

首先本文是基于webpack5 配置

一般但也配置

一般webpack 配置中，单页应用需要 一个 entry和一个 output

一般多页配置

1. entry部分:需要有多个 enter 配置；
2. output部分:相应的需要 output 配置；
3. html部分：多页应用需要 使用tml-webpack-plugin

具体参考如下：

{
   
  entry: {
    a: "a.js", b: "b.js" },
  output: {
   
    // webpack 如何输出结果的相关选项
    path: path.resolve(__dirname, "dist"),
    // 所有输出文件的目标路径
    // 必须是绝对路径（使用 Node.js 的 path 模块）
    filename: "[name].js",
  },
  plugins: [
    new HtmlWebpackPlugin({
   
      filename: "a.html",
      template: path.resolve(__dirname, "../public/index.html"),
      inject: true,
      chunks: ['a'],
    }),
    new HtmlWebpackPlugin({
   
      filename: "b.html",
      template: path.resolve(__dirname, "../public/index.html")