Vue define where is the index.html file

Question

I am very new to Vue and node and I am trying to insert a global value in my project but to do so I want to put my index.html in a public dir. I first create a project, but the public src was not created, and I can run it with:

$ npm run dev

If I create the public dir and put the index.html into it, I got an fatal error (without any other message) when I run $ npm run dev. So I installed @vue/cli-service with node, by $ npm install --save @vue/cli-service but nothing change, I have also try to find vue.config.js, that is mentioned in this question, but I didn't find it.

(In my package.json there is this dependecies: "@vue/cli-service": "^3.0.0",)

What am I doing wrong? Thank you

PS: What I am trying to do is to use this and add BAse_URL in my index File, but before that, If I put index.html in the public dir I got the error

What do you mean by trying to insert a global value ? Is it a global js file, string etc? — onuriltan
– onuriltan, Commented Jul 3, 2019 at 11:07
whats wring with these methods? stackoverflow.com/questions/49314142/… — Michael
– Michael, Commented Jul 3, 2019 at 12:17

Hadi Masoumi · Accepted Answer · 2021-07-10 08:51:09Z

3

With Vue-CLI 3 and 4 (and up) no index.html is created in the src folder. So if you want to include any file to your project (such as a CSS file or Jquery Library), you can simply import that in App.vue:

import './assets/css/yourstyles.css';

or in one of the styles globally (for CSS files):

<style>
@import './assets/styles/yourstyles.css';
</style>

edited Jul 10, 2021 at 8:51

answered Feb 27, 2020 at 14:48

Hadi Masoumi

1,43613 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue define where is the index.html file

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related