loader的原理
loader的基本原理
帮助浏览器将不同类型的文件资源转化为浏览器可识别的资源
分类
- 前置loader: pre
- 普通loader: normal
- 内联loader': inline
- 后置loader:post
执行顺序:
pre > normal > inline > post
相同优先级: 从右到左, 从下到上
开发一个loader
每个loader都是一个函数, 接受文件内容作为参数, 返回处理之后的内容, 这就是loader的工作方式
// 去掉文件中的console.log();
module.exports = function (content) {
let reg = /console\.log\(.*\);?/g
return content.replace(reg, '')
}
使用
{
test: /\.js$/,
loader: './loaders/clean-log-loader',
}