- import global css file in
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './routes'
Vue.config.productionTip = false
// Importing the global css file
import "@/assets/global.css"
new Vue({
router,
render: h => h(App)
}).$mount('#app')2.using css loader, edit your webpack config file(it could be vue.config.js if the project create by vuecli)
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: ['./src/styles/common.scss']
}
}