如何编写loader

如何写一个loader官方文档
loader-api

// loader就是一个函数，不可以箭头函数

module.exports = function(source) {
  return source.replace("hello", "您好");
  //   this.callback(null, result);
};

// loader就是一个函数，不可以箭头函数

module.exports = function(source) {
  console.log(this, this.query);
  //   return source.replace("world", this.query.name);
  //   const result = source.replace("world", this.query.name);
  const callback = this.async();
  setTimeout(() => {
    const result = source.replace("world", this.query.name);
    callback(null, result);
    // return result;
  }, 3000);
  //   this.callback(null, result);
};

const path = require("path");
module.exports = {
  entry: "./src/index.js",
  mode: "development",
  output: {
    path: path.resolve(__dirname, "./dist"),
    filename: "main.js"
  },

  resolveLoader: {
    modules: ["node_modules", "./myLoaders"]
  },
  module: {
    rules: [
      //   {
      //     test: /\.css$/,
      //     use: ["style-loader", "css-loader"]
      //   },
      {
        test: /\.js$/,
        use: [
          "replaceLoader",
          {
            loader: "replaceLoaderAsync",
            options: {
              name: "kevin！"
            }
          }
        ]
      }
    ]
  }
};