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

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

<分区>

我对 Vue.js 比较陌生,但对 Javascript/jQuery 不是很熟悉,并且我已经使用 WordPress 进行了大约 8 年的深入研究。我花了太多时间尝试配置一个使用 vue-cli 构建的 WordPress 插件,以在/wp-admin 部分热重载组件。有没有人成功设置代理表或使用其他中间件解决方案来做到这一点?是否有我不知道的此开发工作流程的解决方法?

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

谢谢!

最佳答案

检查我的 GitHub 存储库:

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

你会发现那里有一个完整的完美运行的 webpack 入门设置,适用于 WordPress 主题。只需将路径“wp-content/themes/your-fancy-theme/app”更改为“wp-content/plugins/your-fancy-plugin/app”就可以了😊

我需要几个月的工作才能完成。我尝试了很多没有用的东西,比如 vue-cli(网络套接字代理错误)。 Apache 代理,因为我认为这是 Apache 的问题。我什至学习了 Nginx 和 Docker 来尝试我在 Github 和 Stackoverflow 上找到的所有可能的建议😂我什至几乎放弃了,但出于任何原因我只是尝试了没有 vue-cli 和 voilá 的纯 Webpack 设置HMR 网络套接字错误消失了😊

关于wordpress - 在/wp-admin 中的 WordPress 插件中设置 Vue.js (vue-cli) 热重载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48714683/

相关文章:

php echo 中的 alt 中的 Php 字符串

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

ruby-on-rails - Webpacker 困惑

javascript - Vue 中的井号 (#) 是什么意思?

vue.js - 如何将 Vue JS 网站部署到基于 Ubuntu 的 VPS?

php - 一种显示当前登录的 Wordpress 用户网站的 Google Analytics 数据的方法?

php - jquery获取单选按钮的值

wordpress woocommerce 模板文件覆盖

webpack - 提高 webpack 的 CSS 编译性能

datepicker - vue.js + bootstrap datepicker 的动态开始日期