Webpack - 带有单个打包 js 文件的多页应用程序

Question

我正在尝试更新旧的前端 Web 应用程序以将 webpack 用于依赖项。现在它的结构是这样的：

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

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

Answer 1

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