Vue-cli: use custom index.html

[greenpdx]

Version

3.0.0-alpha.5

Reproduction link

https://github.com/greenpdx/rustwasm

Steps to reproduce

npm install

npm run serve

What is expected?

I added a index.html in the root directory, I want to use that html file

What is actually happening?

the server is generating it own index.html

---

I am trying to load a opencv as wasm file inside a js file. I run out of memory if I try to import it because webpack tries to parse and optimize it. The example in opencvjs shows it added in the html file.

I want to use a custom index.html and add it there.

[yyx990803]

index.html is in the public directory.

[TAGC]

@yyx990803 What's the solution if I want to specify a different custom HTML file? For example, in my project I have a demo/ subdirectory which is essentially a small project in its own right. In my project root directory, I define a dev npm script in package.json: vue-cli-service serve demo/src/main.ts.

I want my demo to use a custom HTML file that I've created as <root>/demo/public/index.html. However, running npm run dev makes it bundle <root>/public/index.html instead.

[yyx990803]

@TAGC for now you will have to use an env variable and conditionally modify the options for the HTML plugin in vue.config.js.

[TAGC]

Ah okay, fair enough.

[hguiney]

@yyx990803 Which env variable and options?

[TAGC]

@hguiney This worked for me

https://github.com/TAGC/vue-expandable-grid/blob/5a3f4562d5151989a71311ba5f16b4d0949a2bc4/vue.config.js#L1-L16

[xushnudbek20]

if I wrote npm run dev automatically opened app.vue. But i want change this, namely if I wrote npm run dev in my cmd then opened blogs.vue(FOR VUE.JS). How can I change this?