本文主要是介绍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',
 }

这篇关于loader的原理的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！