如何在完全独立的Webpacked应用程序中访问Javascript

Question

我正在使用Babel和Webpacked转译的现有大型客户端Web应用程序。

我正在编写一个单独的小项目，该项目需要利用现有代码，但是无法在本地文件系统中访问它。 这是一个Node / web应用程序，将用作测试工具，允许远程开发人员创建与我们的应用程序接口的资产。 我需要做的是能够导入和使用主应用程序导出/使用的所有JS类，而无需在本地文件系统上使用该代码。

该问题的答案指向在webpack配置的输出部分中使用库选项： 从外部调用Webpacked代码（HTML脚本标记）

我已经在主要回答下面的建议中为其中一个注释中的多个入口点使用了建议，例如：“我们有多个入口点，因此在输出部分，我改为将其设置为库：[“ GlobalAccess”，“ [name] “]。然后使var成为具有每个入口点成员的对象：GlobalAccess.EntryPointFoo，GlobalAccess.EntryPointBar等。”

我的输出部分如下所示：

output: {
    // the name of the output file (i.e. same as the input file)
    path: './',
    library: ['GlobalAccess', '[name]'],
    filename: '[name].js'
}

但是，完成构建后，Webpack的输出块与不带此选项的输出块完全相同。 生成的任何文件中均不存在“ GlobalAccess”。 我应该在输出块中看到什么来告诉我它的工作原理？ 官方文档非常稀疏。.https ://webpack.js.org/configuration/output/#output-library，但是此示例显示了如何设置库，因此每个条目都具有不同的命名空间： https：// github。 COM /的WebPack /的WebPack /树/主/示例/多部件库

Answer 1

好吧，以防万一有人遇到这个问题，这个问题确实有点奇怪，我做了以下工作：

将Webpack构建转换为库，以“ umd”作为库目标

将Webpack从v1.14升级到v2.x，以便使用导出默认类，而不仅仅是module.exports

关闭丑化和分块

因此，这意味着我可以使用Webpack在一个地方编译一个大项目，并且可以将生成的输出文件导入并在完全不同的项目中使用，而无需访问原始文件。