2017-06-05 60 views
0

我正在研究一个现有的大型客户端应用程序,用Babel和Webpacked进行编译。如何在一个完全独立的webpacked应用程序中访问Javascript

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

的这个问题的答案点使用库选项的WebPack配置的输出部分: Calling webpacked code from outside (HTML script tag)

我使用多个入口点的主要回答以下建议的意见,例如一个: “我们有多个入口点,所以在输出部分,我改为使它成为library:[”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/tree/master/examples/multi-part-library

回答

0

好了,万一别人曾经遇到这个问题,这是无可否认有些奇怪的一个,我做了以下内容:

从V1.14为了2.x版的转换建立的WebPack到库,以“UMD”作为库目标

升级的WebPack使用导出默认类而不是仅使用m odule.exports

关闭丑化和分块

所以这意味着我可以在使用的WebPack在一个地方一个大项目编译,生成的输出文件可以导入和使用完全不同的项目,而不访问原件。

相关问题