从webpack-ed js文件导入方法？

Question

我有一个由webpack编译的vendor.js和app.js。我想在Chrome / Firefox JS控制台中使用位于api_call的{​​{1}}方法。如何在控制台上提供它？

Answer 1

您需要在api_call中使用expose-loader并导出utilities.jsx方法。

如果通过api_call导出module.exports，则可以使用以下配置将其设为全局：

[
  module: {
    loaders: [
      {
        test: require.resolve("./src/utilities"),
        loader: "expose?api_call"
      }
    ]
  }
]

// api_call is now available in the global scope

如果api_call是通过exports object：

的属性导出的

[
  module: {
    loaders: [
      {
        test: require.resolve("./src/utilities"),
        loader: "expose?utilities"
      }
    ]
  }
]

// api_call is now available in the global scope through utilities['api_call']