VueJS如何引入css或者less文件的一些坑
我們在做Vue+webpack的時,難免會引入各種公共css樣式文件,那么我們改如何引入呢?引入時會有那些坑呢?
首先,引入公共樣式時,我們在“main.js”里使用AMD的方式引入,即
require('./assets/css/main.less');
這時,我們會拋出一個錯誤,是因為我們沒有寫解析的依賴,webpack不知道怎么解析
這時,我們要填寫上依賴,
require('!style!css!less!./assets/css/main.less');
在很多以前的博客里都是以上寫法,這個是Vue 2.0剛開始的,現(xiàn)在使用會報錯;下面是正確寫法
require('!style-loader!css-loader!less-loader!./assets/css/main.less');
在以前配置到這里,就萬事大吉了,也可以開始引入css文件了,然后現(xiàn)在到這里還會報錯
當(dāng)出現(xiàn)以上錯誤時,說明你的項目里缺少依賴;
npm install style-loader --save
這時你就可以引入css文件了;
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue如何導(dǎo)出文件流獲取附件名稱并下載(在response.headers里解析filename導(dǎo)出)
這篇文章主要介紹了vue如何導(dǎo)出文件流獲取附件名稱并下載(在response.headers里解析filename導(dǎo)出),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07vue 地區(qū)選擇器v-distpicker的常用功能
這篇文章主要介紹了vue 地區(qū)選擇器v-distpicker的常用功能,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07Vue中使用clipboard實現(xiàn)復(fù)制功能
這篇文章主要介紹了Vue中結(jié)合clipboard實現(xiàn)復(fù)制功能 ,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09