在没有 CDN 的 Wordpress 插件中包含 Vue.js 组件答案

【问题标题】：Include Vue.js component in Wordpress plugin without CDN在没有 CDN 的 Wordpress 插件中包含 Vue.js 组件
【发布时间】：2018-12-05 14:03:48
【问题描述】：

我有点习惯使用 Vue-cli 开发 Vue.js 单页应用程序。这一次，我想要一些不同的东西：使用 Vue.js（地图上的数据可视化）开发一个组件并将其包含在 Wordpress 中。

我找到了关于如何做到这一点的教程：https://deliciousbrains.com/vue-2-wordpress-plugin-tutorial/，它看起来很准确。但它通过 CDN 使用 Vue.js。

是否有技术解决方案可以在不使用 CDN 的情况下做同样的事情？以更通用的方式，将模块化 Vue.js 组件包含到 Wordpress 插件中的技术解决方案是什么？

【问题讨论】：

您可以下载 vue.js 文件并将其包含在您的插件文件中，但每次有新版本时您都必须更新它。为什么不想使用 CDN？
感谢您的回答，因为我们已经在 Vue.js 中有一个用于后台的 SPA，我们希望开发既可以在公共前端也可以在后台使用而无需复制的组件-粘贴代码（简而言之，有一个非常模块化的方法）。此外，CDN 的可用性取决于第三方服务器，我们对此并不是很热衷。

【解决方案1】：

您可以像以前一样使用 vue-cli，然后使用 wordpress 函数在 wordpress 而不是 CDN 中调用 build.js 文件：

wp_enqueue_script()

【讨论】：

我使用wp_enqueue_script() 包含dist/bundle.js 文件。 main.js（webpack 入口点）工作正常。 Vue 组件挂载钩子运行，但不会编译 template 标签。如果您能帮助我，我将不胜感激。