webpack自己写loader步骤

编写一个自定义的loader需要遵循以下步骤：

1. 创建一个文件夹并初始化npm

mkdir my-loader
cd my-loader
npm init -y

2. 安装webpack和loader-utils依赖

npm install webpack loader-utils --save-dev

3. 创建一个JavaScript文件来编写loader函数，它应该导出一个函数

module.exports = function (source) {
  // 对source进行处理
  return source;
};

4. 在函数中使用loader-utils中的getOptions方法获取loader的选项

const { getOptions } = require("loader-utils");

module.exports = function (source) {
  const options = getOptions(this);
  // 对source和options进行处理
  return source;
};

5. 在webpack配置中配置loader

{
  test: /\.txt$/,
  use: [
    {
      loader: "my-loader",
      options: {
        // loader选项
      }
    }
  ]
}

6. 测试loader是否能够正常工作

以上是一个简单的loader的编写步骤，具体实现还需要根据实际需求进行调整和拓展。