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

VueJS如何引入css或者less文件的一些坑

 更新時間:2017年04月25日 14:54:20   作者:hawk_zz  
本篇文章主要介紹了VueJS如何引入css或者less文件的一些坑,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

我們在做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)出)

    這篇文章主要介紹了vue如何導(dǎo)出文件流獲取附件名稱并下載(在response.headers里解析filename導(dǎo)出),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • 詳解vue修改elementUI的分頁組件視圖沒更新問題

    詳解vue修改elementUI的分頁組件視圖沒更新問題

    這篇文章主要介紹了詳解vue修改elementUI的分頁組件視圖沒更新問題,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • vue 地區(qū)選擇器v-distpicker的常用功能

    vue 地區(qū)選擇器v-distpicker的常用功能

    這篇文章主要介紹了vue 地區(qū)選擇器v-distpicker的常用功能,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-07-07
  • Vue跑馬燈marquee組件使用方法詳解

    Vue跑馬燈marquee組件使用方法詳解

    這篇文章主要為大家詳細介紹了Vue跑馬燈marquee組件的使用方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • vue實現(xiàn)商城上貨組件簡易版

    vue實現(xiàn)商城上貨組件簡易版

    這篇文章主要為大家詳細介紹了vue實現(xiàn)商城上貨組件簡易版,50行js代碼實現(xiàn)效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • 詳解Vue串聯(lián)過濾器的使用場景

    詳解Vue串聯(lián)過濾器的使用場景

    這篇文章主要介紹了詳解Vue串聯(lián)過濾器的使用場景,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-04-04
  • Vue常用的修飾符的作用詳解

    Vue常用的修飾符的作用詳解

    為了方便大家寫代碼,Vue 給大家提供了很多方便的修飾符,比如我們經(jīng)常用到的取消冒泡,阻止默認事件等等,這篇文章將給大家分享Vue 中的常用的修飾符
    2022-08-08
  • vue與electron實現(xiàn)進程間的通信詳情

    vue與electron實現(xiàn)進程間的通信詳情

    這篇文章主要介紹了vue與electron實現(xiàn)進程間的通信詳情,本文主要介紹electron渲染進程和主進程間的通信,以及在渲染進程和主進程中常用的配置項,需要的朋友可以參考一下
    2022-09-09
  • Vue中使用clipboard實現(xiàn)復(fù)制功能

    Vue中使用clipboard實現(xiàn)復(fù)制功能

    這篇文章主要介紹了Vue中結(jié)合clipboard實現(xiàn)復(fù)制功能 ,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-09-09
  • vue組件中傳值EventBus的使用及注意事項說明

    vue組件中傳值EventBus的使用及注意事項說明

    這篇文章主要介紹了vue組件中傳值EventBus的使用及注意事項說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11

最新評論