刚开始接触webpack时,出现了css加载优先级问题,看了下代码。
main.js代码如下:
require('a.css');
import {b} form './b.js';
...
b.js代码如下:
require('b.css');
按照常理说,打包后,b.css的代码会在a.css下面,这样,相同css选择器的优先级,应该b.css会覆盖a.css。但是结果相反。
今天看到阮老师的文章,
参考链接:http://es6.ruanyifeng.com/#docs/module#import命令
Paste_Image.png
import竟然有提升效果,和var,function效果类似。
webpack打包时会优先打包import命令加载的js,故会出现上面的b.css代码在a.css代码上面的情况。