How to make webpack and (vue+pug+stylus) friends?

Question

reverse engineering

The essence of the problem is this: I want to make a simple Tile editor for my future game.
I was looking for a technology stack that could give a beautiful ui in the browser window with the least amount of code.
vue with pug and stylus turned out to be friends almost immediately, however, while reading the next guide, it was said that Webpack is needed because it can collect all this.

However, for now I'm stuck on the fact that when building through Webpack, you need to specify vue components, about which nothing was said in the official get started.
Does anyone have a simple hello_world where it all works beautifully without extra modules (like babel, because I don’t need compatibility with old versions of JS), and is canonically arranged in folders, otherwise I got to webpack and found out that it needs certain directories.
When building, it turned out that it simply collects everything in main.js, (it’s fine for sales), but for development, I would like to have the same structure as in the original repository, except with a rebuild of vue-> js pug-> html styl-> css.
And it doesn't seem to create index.html itself, or I didn't look for guides well...
Although it's quite possible that having a webpack in my project is unnecessary, and a script that compiles all this will just do for me.

I also have NodeJS purely to mimic a local server, I don't need the server itself. yarn is used as a package manager, I have nothing against npm, but since I chose yarn, I want to block the use of npm. but the found solution still does not prohibit doing npm install *any_package*.
In general, the game itself will be on canvas, but since there is html that can already make beautiful molds, why bother with ui crutches when you can do it better and faster.
However, if anyone knows a simpler and more convenient solution, then I'm all for it))

) since I'm not going to cut the site, it doesn't matter to me whether the decision is correct on the part of WebDevelopment, so if it looks good, it will be readable and productive - such a solution will suit me.

Answer 1

assembler program code in the debugger.
and where does system administration and linux?

Answer 2

Nuxt won't work? stack vue/vuetify+pug+scss/stylus