/Javascript/Vue/Vue js import css from node modules

Vue js import css from node modules

// To import global CSS, simply import the stylesheet in main.js or App.vue, 
// where it is easy to reference all global styles in one main file 
// (or create a styles-import.js file and import that file in your main.js file).

// main.js
import '~/assets/styles.css';

// To import css scoped to a component, we can't just @import within a scoped style element,
// as they will leak out.
// Instead, we need to dedicate an entire scoped style element to importing that file.

// Component.vue
// Do this:
<style scoped src="~/assets/styles.css"><style> // This will import the CSS scoped to this component only
// Not that:
<style scoped lang="css">
  @import "~/assets/styles.css"; // This will import the CSS globally
</style>

Source: newbedev.com

Similar codes

0 vote348 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
0 vote323 views1 answer
Vue electron name and icon
Javascript Vue
2 votes350 views1 answer
Vue filter()
Javascript Vue
0 vote330 views1 answer
Vue js store and retrieve api data to localstorage
Javascript Vue
1 vote358 views1 answer
Vue 3 define props script setup
Javascript Vue
0 vote331 views1 answer
Laravel vuejs lang
Javascript Vue
0 vote320 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote341 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
0 vote366 views1 answer
Vue js data property in component must be a function
Javascript Vue
0 vote330 views1 answer
Vuex store example medium
Javascript Vue