Webpack 可以帮助我将一个大的单个文件分成更小的部分吗？答案

【问题标题】：Can Webpack helps me separate a large single file into smaller pieces?Webpack 可以帮助我将一个大的单个文件分成更小的部分吗？
【发布时间】：2018-12-24 21:01:37
【问题描述】：

以.js 文件为例：
为了减少请求的数量，我知道Webpack可以将多个javascript文件连接并压缩成一个文件，
但是，如果我的 javascript 文件的单个源对于单个请求来说已经太大了怎么办？可能 10MB 或更大。
顺便说一句，我不想自己分开。

Webpack 可以帮助我将一个大的单个文件分成更小的部分吗？

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

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

【问题讨论】：

我相信 parcel.js 开发人员正在做类似的事情：无需配置即可拆分。 Parcel 是一种新的 webpack 替代方案，专注于更快、更简单。
不，webpack 不能将现有的 js 文件拆分成小的 js 文件。你的 10MB 文件有什么作用？这似乎非常大。
我完全不知道 10MB 文件的作用...但我知道如果我们的网站有它，一切正常，没有它，一切都会下降。

标签： javascript webpack bundle vendor

【解决方案1】：

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

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

但是，如果我的 javascript 文件的单一来源已经太多了怎么办？单个请求很大？可能是 10MB 或更大。顺便说一句，我不想自己分开。

Webpack 可以帮助我将一个大的单个文件分成更小的部分吗？

没有 web pack 不能做到这一点。缩小可能会使文件变小但不显着。 Webpack 也不能将大文件拆分成小文件。可以构建它以将文件组合在一起，以使资产更小（请参阅https://webpack.js.org/guides/code-splitting/），但它无法获取一个大文件并从这个文件中生成许多较小的文件。

您唯一的选择是将您的大文件重构为较小的文件。 10Mb 似乎很大！这到底是在做什么？这是你问题的关键。为什么这么大，怎么能变小。这里没有灵丹妙药。

我是Webpack的初学者，我只是想知道Webpack可以或做不到。

Tl;Dr 不，你不能

【讨论】：

感谢您的回答。该文件会那么大，因为它是一个历史负担。我们丢失了这个连接和缩短的名称文件的源文件。很难阅读/重构
我想我唯一能做的就是弄清楚这个文件有什么特性并重新创建它。那么希望一切都会好起来。