/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

1 vote133 views1 answer
Vue js access data in method
Javascript Vue
0 vote120 views1 answer
Vue router Async Scrolling
Javascript Vue
2 votes137 views4 answers
Scroll to top vue
Javascript Vue
2 votes123 views2 answers
Vue + change router link active class
Javascript Vue
0 vote121 views1 answer
Show conditional header based on url in vue js
Javascript Vue
0 vote119 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
11 votes120 views2 answers
Vue nextTick
Javascript Vue
2 votes113 views1 answer
Open url in new window vue
Javascript Vue
-1 vote139 views2 answers
Call a function of another component vue
Javascript Vue
0 vote114 views1 answer
Vue.js props undefined type
Javascript Vue