为 electron-webpack 提供自定义 index.html 文件

Question

当使用electron-webpack时，我如何提供自定义的index.html文件？

我是webpack的新手，虽然已经用electron做了配置，但我无法让webpack-dev-server监视我的html文件，因此每次进行更改时都必须刷新，这就是为什么我尝试使用electron-webpack的原因。

- Houss_gc

---

你找到解决方案了吗？我遇到了相同的问题，不知道如何将我的index.html文件添加到electron-webpack项目中。 - Marek Krzeminski

Answer 1

首先，欢迎来到 Webpack 奇妙而可怕的世界！这是一个功能强大但学习曲线陡峭的工具。

基本上，每当您想要执行任何非标准操作（标准操作仅仅是将 JS 代码捆绑在一起）时，您都需要使用插件或加载器。

针对此问题，您正在尝试制作 Webpack 可识别的自定义 HTML 文件。html-webpack-plugin 将是最佳选择的插件。将其添加到您的配置文件中非常简单。如果您提供您的配置，我可以帮助您完成，或者随时查看这个伟大的资源，该资源将带您了解 Webpack，从易懂的材料开始，随着您的深入，变得更加复杂。下面的链接将带您了解 html-webpack-config 的起步。

https://survivejs.com/webpack/developing/getting-started/#setting-up-webpack-configuration

- DevinFlick

---

感谢您的快速回复，很抱歉耽误了时间。我没有 webpack.config.js 文件，而是使用 electron-webpack 这种模块来配置 webpack 以适用于开发 electron 应用程序（提供热重载等功能）。我正在使用它的默认配置（即没有任何配置），在默认模式下，它会通过 html-webpack-plugin 创建一个 index.html 文件。但我想提供自己的 index.html 文件，而不是使用默认的文件。 - Houss_gc

给未来的路人留下提示：1. 创建一个新的 webpack.config.js 文件；2. 创建一个新的 electron-webpack.json 文件；3. 将 webpack.config.js 添加到 electron-webpack.json 中，具体请参考这里。 - Bojan Krkic

Answer 2

创建一个 src/index.ejs 文件，它将用于生成 index.html 文件。

- François