Webpack可以帮助我将一个大文件分成多个小块吗?

时间:2018-07-17 08:30:53

标签: javascript webpack bundle vendor

使用.js文件作为示例:
为了减少请求数量,我知道Webpack可以将多个javascript文件串联并压缩成一个文件,
但是,如果我的javascript文件的单个来源对于单个请求来说已经太大了怎么办?也许10MB或更大。
顺便说一句,我不想​​自己分开。

Webpack可以帮助我将一个大文件分成多个小块吗?

例如,如果我将3传递给它的工作方式,
big.js将分为small-1.jssmall-2.jssmall-3.js, 像这样

我是Webpack的初学者,我只想知道Webpack可以做什么或不能做什么。
谢谢

1 个答案:

答案 0 :(得分:1)

  

为了减少请求数量,我知道Webpack可以连接并   将多个javascript文件压缩成一个文件,

Web pack可以合并现有文件并缩小它们。缩小不是压缩。它只是删除空格并缩短变量名。这可以使js文件变小但不明显。

  

但是,如果我的javascript文件的单个来源已经太迟了怎么办   大的单个请求?也许10MB或更大。顺便说一句,我不   想自己分开。

     

Webpack可以帮助我将一个大文件分成多个小块吗?

没有Web Pack不能这样做。缩小可能会使文件变小但不明显。 Web Pack也无法将大文件拆分为小文件。可以构建它以使资产较小的方式将文件组合在一起(请参阅https://webpack.js.org/guides/code-splitting/),但是它无法从一个文件中取出一个大文件并生成许多较小的文件。

您唯一的选择是将大文件重构为较小的文件。 10Mb似乎很大!这到底在做什么?这是您的难题。为什么这么大,如何缩小呢?这里没有魔术子弹。

  

我是Webpack的初学者,我只想知道Webpack可以或   无法做到。

Tl; 不,你不能