Finally I have decide to give this ago. Previously, I have as possible tried to develop f7 apps relying on browser only.
I later add in a config.xml and use phonegap build to sort myself out.
However this has been completely inconveniencing, as I have to build for every small change that comes up, download and install on my phone which is somewhat time wasting plus phonegap build doesn’t afford me ability to even modify cordova plugins like I would love too.
So I have decided to start using webpack + vue to enjoy live reload and live app debugging.
I have cordova, Android Studio and Xcode all well set up. However, I am not sure how to live reload in an emulator.
Plus, cordova looks in
'www' folder for the
index.html file. With webpack though, we have not
index.html at the root of our folders.
The only way I am seeing is running an
npm run build and then copy the contents of the built
www into the cordova
www and then running the
cordova build command here to get the
.apk file to run in my emulator.
This way however, I am not live reloading in the emulator and I think I just don’t know how to go about this.
I would like to know how one can set up a webpack cordova environment.