html-webpack-plugin - 如何将 html-webpack-plugin 与现有的 express 模板一起使用？

Question

我已经安装了 express-generetor npm 模块，并且喜欢使用作为模板的 Jade 文件来构建项目的结构。但是我也喜欢使用生成自己的文件的 HTML-webpack-plugin，集成这两种方法的最佳方法是什么？

Answer 1

第一步:

生成您的 html 文件:

module.exports = {
  entry: {
    'page1': './apps/page1/scripts/main.js',
    'page2': './apps/page2/src/main.js'
  },
  output: {
    path: __dirname,
    filename: "apps/[name]/build/bundle.js"
  },
  plugins: [
    new HtmlWebpackPlugin({
      inject: true,
      chunks: ['page1'],
      filename: 'apps/page1/build/index.html'
    }),
    new HtmlWebpackPlugin({
      inject: true,
      chunks: ['page2'],
      filename: 'apps/page2/build/index.html'
    })
  ]
};

Step2:将生成的 html 文件添加到您的 Jade 文件中

包括 ../../public/index.html