electron模板【lectron-react-boilerplate】多窗口配置【HtmlWebpackPlugin】多页面配置

作者：System 时间：2024年08月10日分类：所有,html 字数：798

这篇文章距离上次修改已过267天，其中的内容可能已经有所变动。

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

module.exports = {
  // ... 其他webpack配置
  entry: {
    index: './src/index.js',
    another: './src/another.js',
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './public/index.html',
      filename: 'index.html', // 输出文件名为index.html
      chunks: ['index'], // 该页面只关联入口js文件index
    }),
    new HtmlWebpackPlugin({
      template: './public/another.html',
      filename: 'another.html', // 输出文件名为another.html
      chunks: ['another'], // 该页面只关联入口js文件another
    }),
    // ... 其他插件
  ],
  // ... 其他webpack配置
};

这段代码演示了如何在webpack配置中使用HtmlWebpackPlugin来创建多个页面。每个页面都有自己的模板文件和输出文件名，并且通过指定chunks选项来确保关联正确的入口JavaScript文件。这样配置可以确保每个页面加载自己所需的资源，避免了资源之间的冲突。

electron模板【lectron-react-boilerplate】多窗口配置【HtmlWebpackPlugin】多页面配置

评论已关闭

推荐阅读