剛開始接觸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代碼上面的情況。