在vue中如何引入外部less文件
vue引入外部less文件
首先vue環(huán)境搭建成功
一、安裝 less 和less-loader
一、修改 webpack.config.js 文件,配置loader加載依賴,讓其支持外部的less,在原來的代碼上添加
{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", },
安裝配置成功?。≈苯釉谛枰牡胤揭爰纯?/p>
vue引入lang=“less“報(bào)錯的解決
想在vue中引入less,老是報(bào)錯,百度良久,終于找到解決方案
一、安裝 less 和less-loader(npm install less less-loader --save)
二、修改webpack.base.conf.js文件
找到build文件夾下的webpack.base.conf.js文件,配置loader加載依賴,讓其支持外部的less,在原來的代碼上添加
{ test:/.less$/, loader:“style-loader!css-loader!less-loader” },
如下圖:
三、使用lang=“less”
四、如果運(yùn)行還有問題,記得查看packjosn.js中‘less-loader’版本,如果過高,比如我一開始是版本8,執(zhí)行“npm uninstall less-loader”卸載‘less-loader’并重新安裝‘npm install less-loader@5.0.0’
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue實(shí)現(xiàn)調(diào)節(jié)窗口大小時觸發(fā)事件動態(tài)調(diào)節(jié)更新組件尺寸的方法
今天小編就為大家分享一篇Vue實(shí)現(xiàn)調(diào)節(jié)窗口大小時觸發(fā)事件動態(tài)調(diào)節(jié)更新組件尺寸的方法。具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09Vue+echart?展示后端獲取的數(shù)據(jù)實(shí)現(xiàn)
本文主要介紹了Vue+echart?展示后端獲取的數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01Vue input控件通過value綁定動態(tài)屬性及修飾符的方法
這篇文章主要介紹了 Vue input控件通過value綁定動態(tài)屬性及修飾符的方法,需要的朋友可以參考下2017-05-05