Webpack-dev-server + capacitor + live-reload?

Capacitor
1

Hey all
I’ve been tinkering around to have an acceptable develop workflow when working—for instance—with iOS simulator. This is what I’d like to have:

  • start serve
  • open the simulator
  • change code
  • < simulator reloads and gets new code >

important to note is that no build process and re-opening of the simulator is done. so pretty straight forward, right?

Now I achieved this with:

  • start serve (with webpack.devServer.writeToDisk = true)
  • npx cap copy ios (so the webpack-dev-server output folder will be copied over)
  • open the simulator
  • change code
  • < simulator reloads and gets new code¹ >

This workflow seems to me too custom for something that probably a lot of developers need. What am I missing? Is there already such an option?

¹) still having problem that safari (or wkwebview) caches the requests. even though the resources would be updated (if you access them over e.g. 127.0.0.1:8080/app.js) but not in the dev tools. but that’s another question, maybe not a problem if there is already a better workflow that everyone is using out there.

2

TIL & FYI there is a ionic capacitor run ios -l command