如何在 Webpack 1 中为 babel 加载器指定自定义路径？

Question

我有一个仍然使用 webpack 版本 1 的项目，我想知道是否有一种方法可以使用 require 为 babel 指定自定义路径。这是我正在尝试的：

module: {
    loaders: [{ 
    test: /\.tsx?$/, 
    loaders: ["babel?query=require('./babel.dev')", 'awesome-typescript']
    }]
}

我还尝试通过执行以下操作来使用 webpack-combine-loaders 包：

module: {
    loaders: [{ 
        test: /\.tsx?$/, 
        loader: combineLoaders([
          {
            loader: 'babel',
            query: require('./babel.dev')
          },
          {
            loader: 'awesome-typescript'
          },
        ]),
      },
    }]
}

但这两种解决方案都不适合我。有什么建议吗？

Answer 1

您可以使用require.resolve，它的工作方式与 require 类似，但返回模块的完整路径而不是其内容。它不应该是查询，而是用来代替加载程序名称。

{ 
  test: /\.tsx?$/, 
  loaders: [require.resolve('./babel.dev'), 'awesome-typescript-loader']
}

require.resolve 不会自动添加-loader 后缀，一般情况下您不应省略它，尤其是在 webpack 2 中不再允许使用它的情况下。

或者，您也可以配置 resolveLoader.modulesDirectories，webpack 使用它来查找加载器导入。

resolveLoader: {
  modulesDirectories: [__dirname, 'node_modules']
}

你可以使用'babel.dev'作为加载器。