1、loader原理

（1）概念

帮助 webpack 将不同类型的文件转换为 webpack 可识别的模块

（2）执行顺序

• pre： 前置 loader
• normal： 普通 loader
• inline： 内联 loader
• post： 后置 loader

1. 按照上面类型的优先级依次执行
2. 相同优先级loader执行顺序：从后向前

（3）开发一个loader

最简单的loader

// loaders/loader1.js
module.exports = function loader1(content) {
  console.log("hello loader");
  return content;
};

loader 接受的参数

• content 源文件的内容
• map SourceMap 数据
• meta 数据，可以是任何内容

使用callback代替return

this.callback方法则更灵活，因为它允许传递多个参数，而不仅仅是 content