webpack import&require css的坑

剛開始接觸webpack時,出現(xiàn)了css加載優(yōu)先級問題,看了下代碼。
main.js代碼如下:

require('a.css');
import  form './b.js';
...

b.js代碼如下:

require('b.css');

按照常理說,打包后,b.css的代碼會在a.css下面,這樣,相同css選擇器的優(yōu)先級,應(yīng)該b.css會覆蓋a.css。但是結(jié)果相反。
今天看到阮老師的文章,
參考鏈接:http://es6.ruanyifeng.com/#docs/module#import命令

Paste_Image.png

import竟然有提升效果,和var,function效果類似。
webpack打包時會優(yōu)先打包import命令加載的js,故會出現(xiàn)上面的b.css代碼在a.css代碼上面的情況。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近在學(xué)習(xí) Webpack,網(wǎng)上大多數(shù)入門教程都是基于 Webpack 1.x 版本的,我學(xué)習(xí) Webpack 的...
    My_Oh_My閱讀 8,320評論 40 247
  • 寫在開頭 先說說為什么要寫這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,437評論 4 31
  • 原文首發(fā)于:Webpack 3,從入門到放棄 Update (2017.8.27) : 關(guān)于 output.pub...
    昵稱都被用完了衰閱讀 1,987評論 4 19
  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,359評論 7 35
  • 朋友前兩天跟我說男朋友出軌了他們在六年的感情上畫了句號他說男朋友在游戲理認識了比自己小五歲的女生,還偷偷跑去他的城...
    惋惜陽閱讀 256評論 0 0

友情鏈接更多精彩內(nèi)容