Breaking News: Grepper is joining You.com. Read the official announcement!

vue js import css from node modules

Inexpensive Ibis answered on January 6, 2022 Popularity 10/10 Helpfulness 4/10

answer vue js import css from node modules

vue js import css from node modules

Comment

// 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>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: newbedev.com

Tags: css import javascript node-modules

Link to this answer
Share Copy Link

Contributed on Jan 06 2022

Inexpensive Ibis

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

vue js import css from node modules

Contents

More Related Answers

vue js import css from node modules

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.