Setup Vue.js (vue-cli) hot reloading in WordPress plugin in /wp-admin [closed] Setup Vue.js (vue-cli) hot reloading in WordPress plugin in /wp-admin [closed] wordpress wordpress

Setup Vue.js (vue-cli) hot reloading in WordPress plugin in /wp-admin [closed]


Check my GitHub repo:

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

You will find there a full perfectly working webpack starter setup for a WordPress theme. Just change the path "wp-content/themes/your-fancy-theme/app" to "wp-content/plugins/your-fancy-plugin/app" and you are good to go ๐Ÿ˜Š

I needed months of work to get it done. I've tried a lot of stuff which didn't work, like vue-cli (web socket proxy errors). Apache proxying as I thought it's an issue with Apache. I've even learned Nginx and Docker to try out all the possible suggestions I've found on Github and Stackoverflow ๐Ÿ˜‚ I've almost even gave up, but for any reason I'v just tried pure Webpack setup without vue-cli and voilรก HMR web socket errors gone ๐Ÿ˜Š