Wordpress 和 Vue 和 Nuxt - 集成 - wp_enqueue_script答案

【问题标题】：Wordpress & Vue & Nuxt - Integration - wp_enqueue_scriptWordpress 和 Vue 和 Nuxt - 集成 - wp_enqueue_script
【发布时间】：2021-10-27 22:40:39
【问题描述】：

我有一个现有的网站，我正在逐渐用 Vue 技术替换 html/css 接口。所以现在我有两个逻辑的页面

页面完全在 vue 中
包含 html/css 部分和 vue 部分的页面。

目前我正在使用 Vue（没有 Nuxt）成功地进行此迁移。在我的 wordpress 主题中，我按如下方式加载 vue 脚本

wp_register_script('vue-app', $directory_uri . '/js/app.js', array(), $version, true);
wp_enqueue_script('vue-app');

为了改进我的项目，我改用 Nuxt。但我不能保持相同的整合逻辑。 Nuxt 不会创建唯一的 app.js。 Nuxt 正在生成一大堆文件，我无法同步加载它们。无论是在构建中还是在开发中（热模块替换）。

我不知道如何使用 Nuxt 保持我的逻辑 1 和 2。你有什么解决办法吗？

【问题讨论】：

标签： wordpress vue.js nuxt.js

【解决方案1】：

如果您想充分利用 Nuxt 并保留 Wordpress，则需要将 Wordpress 用作无头 CMS。这意味着您可以使用 Full static 并在构建期间通过访问您的 Wordpress 应用来生成所有页面。

我猜您当前的 Wordpress + Vue 流程缺乏 SEO，因此您尝试使用 Nuxt。但据我所知，你不能像这样用wp_register_script 插入它。

或者也许尝试为您的每条路线安装它.../about、.../our-team 等...虽然不是 wordpress 专家。

【讨论】：

谢谢基苏。当然充分nuxt它的目标。但是我正在寻找所有接口迁移过程中的中间解决方案。
当您说“尝试为您的每条路线安装它”时，我应该只加载脚本 App.Js 和页面吗？还是生成的所有文件（client.js、roiuter.js）等？