解決vue中l(wèi)ess的使用問題
更新時間：2021年11月15日 17:13:25 作者：左手倒影ZY
這篇文章主要介紹了解決vue中l(wèi)ess的使用問題,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
1.安裝less依賴：npm install less less-loader --save
2.修改webpack.base.config.js文件，配置loader加載依賴，讓其支持外部的less,在原來的代碼上添加
// 此種方法在控制臺中標簽樣式顯示的是style標簽樣式
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
options: { sourceMap: true } //可以在控制臺中看到當(dāng)前標簽樣式來自于哪個less文件
}
3.在項目中使用
在vue文件中的style標簽中添加lang="less"即可在標簽中使用less，或者外部引入less
遇到的問題：
原因：less-loader安裝的版本過高
解決方案：
1.npm uninstall less-loader2.npm install less-loader@5.0.0
或者直接在package.json文件中直接修改版本號 然后 npm install
到此這篇關(guān)于vue中l(wèi)ess的使用的文章就介紹到這了,更多相關(guān)vue less使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
關(guān)于element中el-cascader的使用方式
這篇文章主要介紹了關(guān)于element中el-cascader的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
本文主要介紹了詳解Vue項目的打包方式(生成dist文件)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
element?ui中el-form-item的屬性rules的用法示例小結(jié)
這篇文章主要介紹了element?ui中el-form-item的屬性rules的用法,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧2024-07-07
Vue.js中自定義Markdown插件實現(xiàn)References解析(推薦)
本文主要寫的是,如何編寫一個插件來解析<references>標簽,并將其轉(zhuǎn)換為HTML,這種方法可以應(yīng)用于其他自定義標簽和功能,為Vue.js應(yīng)用程序中的Markdown渲染提供了極大的靈活性,感興趣的朋友跟隨小編一起看看吧2024-07-07
項目每次打包后都需要改動項目版本號，這個改動每次都需要在package.json中修改version，比較麻煩，到底有沒有一種打包后版本號自加的辦法，這篇文章主要介紹了vue打包項目版本號自加的步驟,需要的朋友可以參考下2022-09-09
script?setup是vue3的新語法糖,并不是新增的功能模塊,只是簡化了以往的組合式API必須返回(return)的寫法,并且有更好的運行時性能,這篇文章主要給大家介紹了關(guān)于Vue3.2中setup語法糖的相關(guān)資料,需要的朋友可以參考下2021-12-12
組件封裝是為了復(fù)用,換成大白話就是,同樣的事情我不想做第二遍,節(jié)省出來的時間用來看動漫不香嗎,下面這篇文章主要給大家介紹了關(guān)于vue封裝TabBar組件的完整步驟,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了vue 進階之實現(xiàn)父子組件間的傳值，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
vue3使用elementPlus進行table合并處理的示例詳解
虛擬數(shù)據(jù)中公司下有多個客戶,公司一樣的客戶,公司列需要合并,客戶如果一樣也需要合并進行展示,所以本文給大家介紹了vue3使用elementPlus進行table合并處理的實例,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2024-02-02
在當(dāng)今數(shù)字化時代,視頻內(nèi)容的傳播變得極為普遍,然而,出于隱私保護等需求,我們常常需要對視頻中的人臉進行打碼處理,所以本文將詳細介紹如何使用?face-api.js?庫來實現(xiàn)視頻人臉打碼的功能,需要的朋友可以參考下2025-04-04