[Vuejs]-How can i include css js in vuejs in some page

by

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.

👤Gerardo Rosciano

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.

👤forgng

Leave a comment