Node.js中如何通过变通方案实现多加载器协同使用？

Node.js 目前暂不原生支持多 Loader 并行使用，但可以通过以下几种方案实现转译类 Loader（如 ESBuild、ts-node、SWC）与拦截类 Loader（如 Quibble）的协同工作：

1. 编写自定义包装 Loader 链式调用 #

自己实现一个 Loader，在对应的钩子（resolve/load/transform）中依次调用多个目标 Loader 的逻辑，将前一个 Loader 的输出作为后一个的输入。

示例（以 ESBuild + Quibble 为例）：

// custom-combined-loader.mjs
// 导入目标 Loader 的钩子函数
import { resolve as esbuildResolve, transform as esbuildTransform } from 'esm-loader';
import { resolve as quibbleResolve, load as quibbleLoad } from 'quibble/lib/esm-loader.js';

// resolve 钩子：先让 Quibble 处理模块拦截，再交给 ESBuild 解析路径
export async function resolve(specifier, context, defaultResolve) {
  let resolveResult = await quibbleResolve(specifier, context, defaultResolve);
  resolveResult = await esbuildResolve(resolveResult.specifier, context, defaultResolve);
  return resolveResult;
}

// load 钩子：先加载模块，再用 ESBuild 转译内容
export async function load(url, context, defaultLoad) {
  let loadResult = await quibbleLoad(url, context, defaultLoad);
  // 仅对模块文件进行转译处理
  if (loadResult.format === 'module' && !url.includes('node_modules')) {
    const transformResult = await esbuildTransform(loadResult.source, context, () => Promise.resolve(loadResult));
    loadResult.source = transformResult.source;
  }
  return loadResult;
}

使用时通过 node --loader ./custom-combined-loader.mjs your-script.js 启动即可。

2. 使用第三方 Loader 组合工具 #

借助现成的工具库简化多 Loader 的串联逻辑，比如 @node-loader/core：

• 安装依赖：npm install @node-loader/core --save-dev
• 创建配置文件 node-loader.config.js：

  export default {
    loaders: [
      'quibble/lib/esm-loader.js', // 先执行拦截类 Loader
      'esm-loader'                 // 再执行转译类 Loader
    ]
  };
  

• 启动命令：node --loader @node-loader/core your-script.js

工具会自动处理多个 Loader 钩子的链式调用，无需手动编写包装逻辑。

3. 测试场景下的运行时初始化方案 #

如果是测试场景，可利用代码执行顺序让两个工具协同：

1. 创建测试初始化文件：

   // test-setup.mjs
   import quibble from 'quibble';
   quibble.esm(); // 提前初始化 Quibble 的 ESM 拦截逻辑
   

2. 启动测试时先加载初始化文件，再用转译 Loader 处理测试代码：

   node --loader ts-node/esm test-setup.mjs your-test-file.mjs
   

这种方式无需额外编写 Loader，利用运行时初始化顺序让 Quibble 先生效，再由转译 Loader 处理测试代码。

注意事项 #

• 钩子执行顺序需根据需求调整：拦截类 Loader 一般在 resolve 阶段优先执行，转译类 Loader 在 load/transform 阶段执行；
• 确保所有使用的 Loader 均为 ESM 格式（Node.js Loader API 仅支持 ESM）；
• 不同 Loader 可能存在逻辑冲突，需针对具体场景测试调整链式调用顺序。

内容的提问来源于stack exchange，提问作者oligofren