最终编辑
tl;dr 的结论是这是不可能的。虽然下面的最佳答案确实提供了一些很好的信息。
考虑下面的代码，来自 contacts.js。这是一个动态加载的模块，通过代码中其他地方的 System.import 按需加载。
如果 SharedUtil1 也在其他模块中使用，它们也是通过 System.import 动态加载的，我将如何拥有 SharedUtility1 从所有这些模块中排除，并且仅在第一次需要时按需加载？
SharedUtil1 的顶层 System.import 将不起作用，因为我的导出依赖于它:导出只能放在模块的顶层代码，不在任何类型的回调中。
Webpack 可以吗？我使用的是 2.0.7 测试版。
import SharedUtil1 from '../../SharedUtilities/SharedUtility1';
class Contacts{
constructor(data){
this.data = data;
this.sharedUtil1 = new SharedUtil1();
}
}
export default Contacts;
更新 1
我以为 bundle loader是我想要的，但不是，它将您导入的模块变成一个不同的函数，一旦完成异步加载，您就可以通过回调调用该函数以到达实际的模块。这意味着您不能在不对代码进行重大更改的情况下透明地使模块 X 异步加载，更不用说您又回到了最初描述的问题，如果您的顶级模块依赖于 now-asynchronously加载的依赖项，没有办法导出它，因为导出必须在顶层。
在 Webpack 中是否没有办法表示依赖项 X 将在需要时按需加载，并且有任何导入它的导入模块透明地等待导入过程？我认为这个用例对于任何远程大型应用程序都是必要条件，所以我不得不认为我只是遗漏了一些东西。
更新 2
根据 Peter 的回答，我试图让重复数据删除工作，因为正如他提到的，commonChunk 插件与端点之间的共享代码有关，并且由于 require.ensure 将加载的代码放入回调中，从而阻止您使用 ES6 exporting 任何依赖于它的代码。
就去重而言，contacts.js 和tasks.js 都像这样加载相同的 sharedUtil
从 '../../sharedUtilities/sharedUtility1' 导入 SharedUtil1;
我尝试运行 webpack 作为
webpack --optimize-dedupe
也可以通过添加
plugins: [
new webpack.optimize.DedupePlugin()
]
到 webpack.config。在这两种情况下，尽管 sharedUtil 代码仍位于联系人和任务包中。
最佳答案
看完你的博文，我终于明白你的意思了。我对“顶级依赖项”这个词有点困惑。
您有两个模块(async-a 和 async-b)，它们是从任何地方按需加载的(这里是一个模块 main)，并且都有一个共享模块(shared)的引用。
- - -> on-demand-loading (i. e. System.import)
---> sync loading (i. e. import)
main - - -> async-a ---> shared
main - - -> async-b ---> shared
默认情况下，webpack 会像这样创建一个 block 树:
---> chunk uses other chunk (child-parent-relationship)
entry chunk [main] ---> on-demand chunk 1 [async-a, shared]
entry chunk [main] ---> on-demand chunk 2 [async-b, shared]
这很好当 shared <>async-a/b或 async-a 的概率和 async-b被同一用户同时使用的比例很低。这是默认设置，因为它是最简单的行为，可能也是您所期望的:一个 System.import =>一大块。在我看来，这也是最常见的情况。
但是如果shared >= async-a/b和 async-a 的概率和 async-b用户加载高，有一个更有效的分块选项:(有点难以形象化):
entry chunk [main] ---> on-demand chunk 1 [async-a]
entry chunk [main] ---> on-demand chunk 2 [async-b]
entry chunk [main] ---> on-demand chunk 3 [shared]
When main requests async-a: chunk 1 and 3 is loaded in parallel
When main requests async-b: chunk 2 and 3 is loaded in parallel
(chunks are only loaded if not already loaded)
这不是默认行为，但有一个插件可以将其归档:CommonChunkPlugin在异步模式下。它在一堆 block 中找到公共(public)/共享模块，并创建一个包含共享模块的新 block 。在异步模式下，它确实会与原始(但现在更小) block 并行加载新 block 。
new CommonsChunkPlugin({
async: true
})
// This does: (pseudo code)
foreach chunk in application.chunks
var shared = getSharedModules(chunks: chunk.children, options)
if shared.length > 0
var commonsChunk = new Chunk(modules: shared, parent: chunk)
foreach child in chunk.children where child.containsAny(shared)
child.removeAll(shared)
foreach dependency in chunk.getAsyncDepenendenciesTo(child)
dependeny.addChunk(commonsChunk)
请记住 CommonsChunkPlugin 有一个 minChunks定义模块何时线程化的选项 shared (随意提供自定义函数来选择模块)。
这是一个详细解释设置和输出的示例:https://github.com/webpack/webpack/tree/master/examples/extra-async-chunk
另一个配置更多:https://github.com/webpack/webpack/tree/master/examples/extra-async-chunk-advanced
关于javascript - Webpack 2 - 代码拆分顶级依赖，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35514785/
如何在buildr项目中使用Ruby？我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序，我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/)，但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻，因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中，它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has
我正在为一个项目制作一个简单的shell，我希望像在Bash中一样解析参数字符串。foobar"helloworld"fooz应该变成:["foo","bar","helloworld","fooz"]等等。到目前为止，我一直在使用CSV::parse_line，将列分隔符设置为""和.compact输出。问题是我现在必须选择是要支持单引号还是双引号。CSV不支持超过一个分隔符。Python有一个名为shlex的模块:>>>shlex.split("Test'helloworld'foo")['Test','helloworld','foo']>>>shlex.split('Test"
我正在尝试修改当前依赖于定义为activeresource的gem:s.add_dependency"activeresource","~>3.0"为了让gem与Rails4一起工作，我需要扩展依赖关系以与activeresource的版本3或4一起工作。我不想简单地添加以下内容，因为它可能会在以后引起问题:s.add_dependency"activeresource",">=3.0"有没有办法指定可接受版本的列表？~>3.0还是~>4.0？ 最佳答案 根据thedocumentation,如果你想要3到4之间的所有版本，你可以这
我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样？我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用，需要1秒才能返回，我有100,000多个页面要访问，所以我试图运行多个线程来解决这个问题。有更好的方法吗？classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("
我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码，但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如，我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码？我知道在pry中我可以执行类似show-methodmethod的操作，但我如何才能对Rails框架中的方法执行此操作？您对我如何更好地理解Gem及其API有什么建议吗？仅仅阅读源代码似乎真的很难，尤其是对于框架。谢谢! 最佳答案 Ru
我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个，因为它显然有一个缺点？我有一种直觉，它可能与性能有关，因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是，据我所知，没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别，可能也是最著名的，是你的
几个月前，我读了一篇关于rubygem的博客文章，它可以通过阅读代码本身来确定编程语言。对于我的生活，我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗？ 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem？，我们在StackOverflow上找到一个类似的问题：
我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态，而无需发出第二个请求。有没有办法用另一种方法做到这一点？我一直在查看文档，但似乎找不到我要找的东西。 最佳答案 在我看来，除非您需要一些真正的低级访问或控制，否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur
前言作为一名程序员，自己的本质工作就是做程序开发，那么程序开发的时候最直接的体现就是代码，检验一个程序员技术水平的一个核心环节就是开发时候的代码能力。众所周知，程序开发的水平提升是一个循序渐进的过程，每一位程序员都是从“菜鸟”变成“大神”的，所以程序员在程序开发过程中的代码能力也是根据平时开发中的业务实践来积累和提升的。提高代码能力核心要素程序员要想提高自身代码能力，尤其是新晋程序员的代码能力有很大的提升空间的时候，需要针对性的去提高自己的代码能力。提高代码能力其实有几个比较关键的点，只要把握住这些方面，就能很好的、快速的提高自己的一部分代码能力。1、多去阅读开源项目，如有机会可以亲自参与开源