记录一些可能容易写错的有关 Webpack 的知识点
来源主要为官方文档以及一些实践。内容会慢慢补充。
use loader 需要保证顺序
模块的 loader 可以链式调用。链中的每一个 loader 会将本 loader 处理结果递给下一个。需要注意链是逆顺序执行(从右到左,或说从下至上)。
rules: [
{
test: /\.css$/i,
use: ['style-loader', 'css-loader']
}
]
上面表示所有匹配的 css 文件先给 css-loader 处理,再给 style-loader 处理。