javascript - Webpack - 带有单个 budled js 文件的多页面应用程序

Question

我正在尝试更新遗留的前端 Web 应用程序以使用 webpack 作为依赖项。现在它的结构如下:

- login.html
- dashboard.html
... src/login.js
... src/dashboard.js

每个页面都有自己的 javascript 文件，而且它通过页面上的脚本标签加载了一堆外部依赖项。我的问题是大多数页面使用同一批非常大的库和 jquery 插件的一些变体。如果我将每个页面的 js 捆绑到一个单独的 js 文件中，我将最终得到一个巨大的 bundle ，每个页面都必须在每次用户更改页面时下载。我宁愿只有一个包，每个页面都加载并使用必要的部分。 webpack 是否适用于此目的？如果是，我应该如何处理？

Answer 1

我通过保持我的库导入原样“解决”了这个问题，即从 CDN 下载的 jquery、bootstrap 等。我为每个较大的本地库制作了一个包，并将其包含在每个页面中，以便它被浏览器缓存，然后我为我们的定制 js 代码使用了具有多个入口点的 webpack。