How to include css files in Vue 2

webpack vue.js vuejs2 webpack-dev-server

You can import the css file on App.vue, inside the style tag.

<style>  @import './assets/styles/yourstyles.css';</style>

Also, make sure you have the right loaders installed, if you need any.

webpack vue.js vuejs2 webpack-dev-server

Try using the @ symbol before the url string. Import your css in the following manner:

import Vue from 'vue'require('@/assets/styles/main.css')

In your App.vue file you can do this to import a css file in the style tag

<template>  <div>  </div></template><style scoped src="@/assets/styles/mystyles.css"></style>

webpack vue.js vuejs2 webpack-dev-server

You can import CSS file on component inside script tag

<template></template><script>import "@/assets/<file-name>.css";export default {}</script><style></style>

CodeHunter