webpack课程笔记2 -- 自定义 loader

创建⼀个替换源码中字符串的loader

//   index.js
console.log("hello 老韩");

//  replaceLoader.js

//  函数 声明式函数   不可以是 箭头函数

//  函数 必须有返回值

//  需要⽤声明式函数，因为要用到上下⽂的this,⽤到this的数据，该函数接受⼀个参数，是源码
module.exports = function(source) {
       console.log(source, this, this.query);
       return source.replace('老韩', this.query.name)
};

//  使用 this.callback

//  this.callback :如何返回多个信息，不⽌是处理好的源码呢，可以使⽤this.callback来处理

//  this.callback(
//      err: Error | null,
//      content: string | Buffer,
//      sourceMap?: SourceMap,
//      meta?: any
// )

module.exports = function(source) {