vitejs中使用index.php代替index.html

Question

我有一个 React 应用程序，目前正在将应用程序从 迁移CRA到vite. 我已经使用 .php 配置了 index.php （其中有一些 php 配置）作为入口点HtmlWebpackPlugin。因此，在迁移到 时vite，它以index.html 作为入口点。有什么办法可以将其更改为index.php吗？参考链接

Answer 1

不幸的是，无法将 vite 配置为使用index.php 而不是index.html，但有一个解决方法。

以下是使 PHP 应用程序与 Vite 配合使用的基本设置的链接：

https://github.com/andrefelipe/vite-php-setup

这使用了 Vue，但其中的所有 Vue 东西都不是必需的，它应该适用于任何 PHP 应用程序。这里要理解的关键是，在使用index.html的典型Vite设置中，您的源目录中有index.html，当您构建时，它会将该文件作为构建的一部分进行处理。

在此设置中，您没有使用 index.html 作为“入口点”，而是使用 main.js。您将 index.php 文件放在公共目录中，然后在其中编辑它，并且有两个关键部分使此工作正常进行：

1. 您正在使用实时重新加载插件来检测构建目录中对 index.php（或您想要的任何其他 php 文件）的更改，并在开发过程中重新加载页面。
2. 您拥有解析manifest.json（由Vite 生成）的PHP 辅助函数文件，并将生成的文件的标签插入到index.php 的标头中。