how can i include css js in vuejs in some page

Question

<template>
  <div>
    <sidnav></sidnav>
    <topnav></topnav>
  </div>
</template>

<script>
  import sidnav from '@/components/sidnav.vue'
  import topnav from '@/components/topnav.vue'
  export default {
    components: {
      sidnav,
      topnav
    }
  }
</script>

This is the Dashboard home, it will route throw sidenav and topnav

I'm trying to make admin panel with VueJS. I am able to make the login and load the js and css in index.html but when i make the dashboard, I don't know how to load or include the css and the js for the dashboard only.

so is there a way to include the 'js' and 'css' l enter code hereink into the Dashboard home page.

link is not added.

Md. Farhan Memon
– Md. Farhan Memon

2017-05-06 11:39:34 +00:00
Commented May 6, 2017 at 11:39 — Md. Farhan Memon
– Md. Farhan Memon, Commented May 6, 2017 at 11:39

Gerardo Rosciano · Accepted Answer · 2017-05-06 14:21:06Z

2

You have several options, one of the things vue devs advise is to have all your related css withing the .vue file so:

<template>
  <div class="someselector">
    <sidnav></sidnav>
    <topnav></topnav>
  </div>
</template>

<script>
...
</script>

<style>
.someselector {
...
}
</style>

then inside sidnav.vue, same style thing with the css.

anyway, if you DO want to include a css file, you can do

<style>
   @import 'YOURPATH/to/file.css';
</style>

NOW, if what you want is to import/require a file (js or css) and that be called "automatically" in your bundle folder, then you need to be more specific, share webpack or gulp config, etc.

answered May 6, 2017 at 14:21

Gerardo Rosciano

9015 silver badges12 bronze badges

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

Comments

forgng · Accepted Answer · 2017-05-06 11:36:26Z

0

You could produce two separate build file (with webpack or gulp), one for the main application and one for the admin panel. After that you import the admin bundle only in the admin page. Another solution for css is to embed your css in the style tag inside admin panel components.

answered May 6, 2017 at 11:36

forgng

1081 gold badge1 silver badge5 bronze badges

Collectives™ on Stack Overflow

how can i include css js in vuejs in some page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related