Webpack的ejs模板实现HTML共用

你可以使用Webpack的ejs-loader和html-webpack-plugin来实现Webpack中ejs模板的HTML共用。首先，安装相应的依赖：

npm install ejs-loader html-webpack-plugin --save-dev

然后，配置Webpack的module.rules，将ejs文件与ejs-loader关联起来：

module: {
  rules: [
    {
      test: /\.ejs$/,
      loader: 'ejs-loader'
    }
  ]
},

接下来，在Webpack的plugins中添加html-webpack-plugin的实例，配置模板路径和输出路径：

const HtmlWebpackPlugin = require('html-webpack-plugin');

plugins: [
  new HtmlWebpackPlugin({
    template: './src/index.ejs',
    filename: 'index.html'
  }),
  new HtmlWebpackPlugin({
    template: './src/about.ejs',
    filename: 'about.html'
  }),
  // 其他页面的配置...
]

这样，你可以在src文件夹下创建index.ejs和about.ejs等模板文件，并在其中使用共用的HTML结构。Webpack会根据配置生成对应的HTML文件，输出到指定的路径。

请注意，模板文件中可以使用ejs的语法来动态生成HTML内容。你可以在模板文件中引入其他共用的模块或布局文件，以实现更灵活的HTML共用。