欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在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", 
   },

安裝配置成功?。≈苯釉谛枰牡胤揭爰纯?/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的代理配置pathRewrite重寫不生效問題及解決

    vue的代理配置pathRewrite重寫不生效問題及解決

    這篇文章主要介紹了vue的代理配置pathRewrite重寫不生效問題及解決,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • Vue中computed和watch的區(qū)別

    Vue中computed和watch的區(qū)別

    在vue項(xiàng)目中我們常常需要用到computed和watch,那么我們究竟在什么場景下使用computed和watch呢?他們之間又有什么區(qū)別呢?本將給大家詳細(xì)的介紹一下,需要的朋友可以參考下
    2023-05-05
  • 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é)更新組件尺寸的方法

    今天小編就為大家分享一篇Vue實(shí)現(xiàn)調(diào)節(jié)窗口大小時觸發(fā)事件動態(tài)調(diào)節(jié)更新組件尺寸的方法。具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • Vue組件之極簡的地址選擇器的實(shí)現(xiàn)

    Vue組件之極簡的地址選擇器的實(shí)現(xiàn)

    這篇文章主要介紹了Vue組件之極簡的地址選擇器的實(shí)現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • vue的滾動條插件實(shí)現(xiàn)代碼

    vue的滾動條插件實(shí)現(xiàn)代碼

    這篇文章主要介紹了vue的滾動條插件實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-09-09
  • Vue路由跳轉(zhuǎn)步驟詳解

    Vue路由跳轉(zhuǎn)步驟詳解

    這篇文章主要介紹了?Vue路由跳轉(zhuǎn)步驟詳解,主要介紹當(dāng)訪問API成功后跳轉(zhuǎn)到新的Vue頁面怎么處理,感興趣的朋友跟隨小編一起看看吧
    2023-07-07
  • vuex刷新后數(shù)據(jù)丟失的解決方法

    vuex刷新后數(shù)據(jù)丟失的解決方法

    這篇文章主要給大家介紹了關(guān)于vuex刷新后數(shù)據(jù)丟失的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • Vue+echart?展示后端獲取的數(shù)據(jù)實(shí)現(xiàn)

    Vue+echart?展示后端獲取的數(shù)據(jù)實(shí)現(xiàn)

    本文主要介紹了Vue+echart?展示后端獲取的數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-01-01
  • Vue input控件通過value綁定動態(tài)屬性及修飾符的方法

    Vue input控件通過value綁定動態(tài)屬性及修飾符的方法

    這篇文章主要介紹了 Vue input控件通過value綁定動態(tài)屬性及修飾符的方法,需要的朋友可以參考下
    2017-05-05
  • vue+express生成token方式

    vue+express生成token方式

    這篇文章主要介紹了vue+express生成token方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-08-08

最新評論