Loader 的实现

注意: 这里并不是教你如何实现一个 Loader，我们只讨论实现原理和官方的编写原则，只要你遵守，肯定可以实现一个很 Nice 的 loader，trust yourself。

我们知道 loader 是导出为一个函数的 node 模块，该函数在 loader 转换资源的时候调用。

实现原理

给定的函数将调用 loader API，并通过 this 上下文访问。

// somepath/loader.js
export default function loader(source) {
  const options = this.getOptions();

  console.log('This loader options', JSON.stringify(options);

  return `export default ${JSON.stringify(source)}`;
}

然后修改配置文件

// webpack.config.js
// ...
module: {
    rules: [
        {
        test: /\.txt$/,
        use: {
            loader: path.resolve(__dirname, '../somepath/loader.js'),
            options: {
                name: 'Rain120'
            },
        },
        },
    ],
},
// ...