loader的原理

loader的基本原理

帮助浏览器将不同类型的文件资源转化为浏览器可识别的资源

分类

1. 前置loader: pre
2. 普通loader: normal
3. 内联loader': inline
4. 后置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',
 }