Bundle Vue project into single js file that can be embedded in Ghost blog post

I have a simple Vue.js project built after running yarn build. The dist folder contains files like below;

I want to bundle all the files (HTML, js, CSS) into a single js file that can be embedded into a ghost blog post.

Here is an example of how this was done for a ghost blog post.

https://blog.openbloc.com/including-a-js-app-in-a-ghost-post/

My question is how do I bundle my Vue.js project files into a single file that can be deployed in a ghost blog post?

Is webpack the right tool to use? I am open to other alternatives.

I am using @vue/cli 5.0.1, yarn v1.22.17

from Bundle Vue project into single js file that can be embedded in Ghost blog post