javascript - 包含使用 webpack 编译的包以在另一个 js 文件中使用

Question

我的应用程序结构如下:

index.js

const app = require("./app")
exports.api = app(...)

app.js

//all the imports goes here
//and exporting the main function
module.exports = app => {...}

现在我需要将 app.js 与 webpack 捆绑在一起，但 index.js 必须保持完整

问题是，在捆绑了 app.js 之后，我如何require 它的主要功能 app 来自 index.js ?

在 webpacking app.js 之后，我在 index.js 中收到错误提示“app is not a function”，这是有道理的，因为 app.js 内容现在是包裹在 webpack 工作人员中。

非常感谢任何建议。

Answer 1

您的“应用程序”包需要导出为 commonjs .

module.exports = {
  //...
  output: {
    library: 'app',
    libraryTarget: 'commonjs',
  }
};

The return value of your entry point will be assigned to the exports object using the output.library value. As the name implies, this is used in CommonJS environments.

因此，在您的 index.js 中，您可以require('./dist/bundle-name.js')。