问将Vue+Vite集成到现有的PHP项目中

EN

我有经验的PHP和Javascript，并广泛使用到目前为止。我从未使用过像Vue这样的现代js框架，也从未使用过“角”或“反应”这样的框架，并且对这一概念非常陌生。也没有打包工的经验。

现在我想试一试，进入现代网络应用开发的新世界。我开始和Vue docs一起读书，并且很喜欢它。

但我还没有准备好从零开始开发一个网页应用程序。相反，我想在一个现有的项目中尝试它(使用PHP后端和ES6前端)

我已经搜索过这样的集成，但是找不到任何帮助文档。

我想用：

(HMR)

• Vite

• .vue
• 热更新

更多信息：

我使用的有一个index.php条目和通过htaccess的虚拟路由。

简单的结构如下：

www/
├──.htaccess
├──index.php
├──Application/
├──public/
│   ├── js/
│   ├── css/
├──Modules/
│   ├──MyVueApp/
│   │   ├──Controllers/
│   │   ├──Views/
│   │   │   ├──index.phtml
│   │   ├──Model.php
│   │   ├── //and etc...

在位置，http://localhost/en/MyVueApp后端框架在布局中呈现动态索引页。

含量( index.phtml )

<?php
$this->layout->addCss('css/my-vue-app/main.css')
$this->layout->addJs('js/my-vue-app/main.js')
?>

<div id="app"><!-- vue app mounts here --></div>

如何在此结构上安装和运行Vite+Vue，以及如何发布它以供生产？