webpack常见loader实现原理

loader 是导出为一个函数的 node 模块。该函数在 loader 转换资源的时候调用。给定的函数将调用 loader API,并通过 this 上下文访问。

Webpack的配置离不来 loader,官方也有关于如何编写一个loader的文档介绍,这篇文章会通过手写一些常见的loader,加深对loader的认识,提高工作中的开发效率。

导出loader

loader是一个函数,接受匹配到的文件资源字符串和SourceMap,我们可以通过修改文件内容的字符串返回给下个一loader处理:

module.exports = function(source,map){
    return source;
}