Development workflow about vue-web-extension HOT 6 CLOSED

OK perfect, thank you.

from vue-web-extension.

Hey, thanks for your words 🙂

You're right, actually there is not yet a documented development workflow.

In usage section, the first two commands only build your extension, and the next two commands watch for modifications and then rebuild your extension:

• If you are in watching production mode (npm run watch), you will need to reload your extension with this button () (chrome://extensions).

• If you are in watching development mode (npm run watch:dev), the background entry is automatically reloaded (thanks to webpack-chrome-extension-reloader) and so you don't have to reload your extension yourself.

By the way, if you are modifying popup's code, you just need to right-click on your extension icon, then click on Inspect popup, then press ctrl+r to refresh the popup.

from vue-web-extension.

@Kocal Thank You!

My process is as follows:

1. npm run watch:dev (in one terminal window)
2. npm run build:dev (another terminal window)
3. Then i select Load Unpacked and select the dist folder.

This seems to work.

Is that the correct process for development?

from vue-web-extension.

As said in usage section:

npm run watch:dev

Watch for modifications then run npm run build:dev.

So the 2nd step of your process is not useful 🙂

from vue-web-extension.

You're welcome!

from vue-web-extension.

Hey, due to #334 I wrote some wiki pages, what do you think @VinceG ?

from vue-web-extension.