Webpack 网页包-分割块

Webpack 4+已经提供了现成的功能

还有一件事我还不清楚：

重复数据消除是否跨依赖项进行？ 例如：

/node_modules/foo has a bundled dependency 'foobar'

而且

/node_modules/bar has a bundled dependency 'foobar'

当我将两者导入主捆绑包时，webpack是否会删除

foobar

依赖项？

import foo from 'foo';
import baz from 'baz';

foo(baz('hello world'));

---

我想说没有，因为那些软件包已经打包好了，但是我找不到任何关于它的官方文档…

这取决于，如果从

foo

&

bar

导入的是导入到模块foobar，那么这个模块就成为你应用程序的deps树的一部分，因此，它只会在树上出现一次

---

如果

foo

和

bar

有一份代码副本，则webpack将无法“识别”该代码为重复代码，并且只能保留一份副本

这取决于，如果从

foo

和

bar

导入到模块foobar，则此模块将成为应用程序的deps树的一部分，因此在树上只会出现一次

如果

foo

和

bar

有一份代码副本，则webpack将无法“识别”该代码为重复代码，并且只能保留一份副本