如何通过WebPack（或Mix或Vite）将Vue3正确集成到Yii2 Advanced - 它可以放置在根目录或前端和后端每个文件夹中？

Question

我的 Yii2 Advanced 项目中需要 Vue3，位于前厅和后厅。

现在我通过 CDN 进行了一些集成，但我需要更多功能，然后我需要通过 WebPack 进行 Vue3（？）

我可以在哪里放置带有 Vue 源的 WebPack 和文件夹？

@frontend 和 @backend 文件夹中的两个独立安装，还是根目录中的一个？

谢谢！

Answer 1

这取决于（当然）那是什么类型的应用程序，但我会选择单独的捆绑包。我的处理方法是将它们视为单独的项目。

我更喜欢使用Vite.js，所以你可以将vite.config.js放在前端文件夹和后端文件夹中，然后你可以将你的资源（vue源）放在前端文件夹和后端文件夹中。

另一种方法是在根目录中拥有捆绑器配置和资产文件夹，但它需要更高级的捆绑器配置。

以下是一些参考链接：

如何在PHP中实现Vite、Vue的文章

带有示例集成 Vite、Vue 和 PHP 的存储库