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

问题描述 投票:0回答:2

我有一个 React 应用程序,目前正在将应用程序从

CRA
迁移到
vite
。我已经使用
HtmlWebpackPlugin
配置了 index.php (其中有一些 php 配置)作为入口点。因此,在迁移到
vite
时,它以index.html作为入口点。有什么办法可以将其更改为index.php吗? 参考链接

php reactjs drupal vite html-webpack-plugin
2个回答
0
投票

不幸的是,没有办法配置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的标头中。

0
投票

现在有一种方法可以使用

index.php
而不是默认的
index.html

使用

vite-plugin-php
Vite 插件使用 PHP 文件作为应用程序的入口点。
不需要重大的黑客攻击和解决方法。

查看: https://www.npmjs.com/package/vite-plugin-php

© www.soinside.com 2019 - 2024. All rights reserved.