webpack使用css-loader和style-loader时,有个顺序问题:
loader的解析顺序是从下到上,从右往左,编译顺序应该是先用css-loader编译css代码,再用style-loader放入到网页的style标签里面去。所以css-loader在右,style-loader在左,按照指定顺序排列。
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
]
}
如果顺序颠倒会构建失败报错TT