在vue中如何引入外部less文件
更新時間：2022年09月23日 11:35:49 作者：曾曾子
這篇文章主要介紹了在vue中如何引入外部less文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue引入外部less文件
首先vue環(huán)境搭建成功
一、安裝 less 和less-loader
一、修改 webpack.config.js 文件，配置loader加載依賴，讓其支持外部的less,在原來的代碼上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
},
安裝配置成功??！直接在需要的地方引入即可
vue引入lang=“less“報錯的解決
想在vue中引入less,老是報錯，百度良久，終于找到解決方案
一、安裝 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”
四、如果運行還有問題，記得查看packjosn.js中‘less-loader’版本，如果過高，比如我一開始是版本8，執(zhí)行“npm uninstall less-loader”卸載‘less-loader’并重新安裝‘npm install less-loader@5.0.0’
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue的代理配置pathRewrite重寫不生效問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
在vue項目中我們常常需要用到computed和watch，那么我們究竟在什么場景下使用computed和watch呢？他們之間又有什么區(qū)別呢？本將給大家詳細的介紹一下,需要的朋友可以參考下2023-05-05
Vue實現(xiàn)調(diào)節(jié)窗口大小時觸發(fā)事件動態(tài)調(diào)節(jié)更新組件尺寸的方法
今天小編就為大家分享一篇Vue實現(xiàn)調(diào)節(jié)窗口大小時觸發(fā)事件動態(tài)調(diào)節(jié)更新組件尺寸的方法。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了Vue組件之極簡的地址選擇器的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了vue的滾動條插件實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了?Vue路由跳轉(zhuǎn)步驟詳解，主要介紹當(dāng)訪問API成功后跳轉(zhuǎn)到新的Vue頁面怎么處理，感興趣的朋友跟隨小編一起看看吧2023-07-07
這篇文章主要給大家介紹了關(guān)于vuex刷新后數(shù)據(jù)丟失的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
Vue+echart?展示后端獲取的數(shù)據(jù)實現(xiàn)
本文主要介紹了Vue+echart?展示后端獲取的數(shù)據(jù)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
Vue input控件通過value綁定動態(tài)屬性及修飾符的方法
這篇文章主要介紹了 Vue input控件通過value綁定動態(tài)屬性及修飾符的方法,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了vue+express生成token方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08