/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 vote243 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
3 votes190 views2 answers
Vue event
Javascript Vue
0 vote231 views1 answer
How to load js in vuejs components
Javascript Vue
1 vote262 views1 answer
Live vue js port number
Javascript Vue
0 vote395 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote251 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
3 votes283 views1 answer
How to get current template in vuejs
Javascript Vue
0 vote245 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
0 vote270 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
1 vote244 views2 answers
How to watch for changes within a prop in vue
Javascript Vue