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',
 }

标签：pre,log,normal,loader,content,原理,reg
来源： https://www.cnblogs.com/littlelittleship/p/16500391.html