在/ wp-admin中的WordPress插件中设置Vue.js(vue-cli)热重新加载

时间:2018-02-09 21:56:45

标签: wordpress webpack vue.js http-proxy-middleware

我对Vue.js比较新,但不是Javascript / jQuery,而且我已经用WordPress做了大约8年的深度工作。我花了太多时间尝试配置使用vue-cli构建的WordPress插件到/ wp-admin部分中的热重装组件。有没有人成功设置代理表或使用其他中间件解决方案来执行此操作?是否有我不了解的开发工作流程的变通方法?

我真的想在我的插件中使用Vue.js,但是如果没有Vue devtools和JS注入/热重新加载的支持,开发真的很痛苦。

谢谢!

1 个答案:

答案 0 :(得分:0)

检查我的GitHub存储库:

https://github.com/Tech-Nomad/wordpress-php-vue-webpack-hot-module-replacement-hmr-starter-setup

您将找到一个适用于WordPress主题的完全正常工作的webpack入门设置。只需将路径“ wp-content / themes / your-fancy-theme / app”更改为“ wp-content / plugins / your-fancy-plugin / app”,就可以了

我需要几个月的工作才能完成它。我已经尝试了很多不起作用的东西,例如vue-cli(Web套接字代理错误)。我认为Apache代理是Apache的问题。我什至还学会了Nginx和Docker来尝试我几乎放弃的在Github和Stackoverflow上发现的所有可能的建议,但是出于任何原因,我都尝试了不带vue-cli和voiláHMR的纯Webpack设置网络套接字错误消失了