javascript - Webpack 可以帮助我将一个大的单个文件分成较小的部分吗?

标签 javascript webpack bundle vendor

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

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

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

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

最佳答案

To reduce the number of requests, I know Webpack can concatenate and compress multiple javascript files into a single file,

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

but, what if a single source of my javascript file has already tooooo large for a single request? maybe 10MB or larger. By the way, I don't want to separate it by myself.

Can Webpack helps me separate a large single file into smaller pieces?

任何网络包都无法做到这一点。缩小可能会使文件变小,但不会明显变小。 Web pack 也无法将大文件拆分为小文件。它可以构建为以 Assets 更小的方式将文件组合在一起(请参阅 https://webpack.js.org/guides/code-splitting/ ),但它无法获取一个大文件并从该文件生成许多较小的文件。

您唯一的选择是将大文件重构为较小的文件。 10Mb 看起来很大!这到底是在做什么?这是你问题的核心。为什么这么大,怎么才能让它变小。这里没有 Elixir 。

I'm a beginner of Webpack, I just want to know what Webpack can or cannot do.

Tl;博士不,你不能

关于javascript - Webpack 可以帮助我将一个大的单个文件分成较小的部分吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51376645/

相关文章:

javascript - 使用 ajax 异步运行 javascript 函数

windows - VueJs 3&Docker&Windows-Webpack watchOptions似乎不起作用

java - 使用 bundle 传递多个数组

android - 什么更快?一个 intent.putExtras(Bundle with Strings) 还是多个 intent.putExtra(String)?

javascript - 如何让我的 NPM 模块正确安装其依赖项?

ruby-on-rails - OS X 上的 bundle 错误

javascript - Backbone 中的事件与 listenTo

javascript - 如何在 Angular 指令中使用 jquery

JavaScript window.location 和 JS 框架错误

node.js - NestJS 和 TypeORM 问题有或没有 tsconfig 目标 es5