如何在本地捆绑 JavaScript 和 CSS 依赖项以供离线使用？答案

【问题标题】：How do I bundle JavaScript and CSS dependencies locally for offline use?如何在本地捆绑 JavaScript 和 CSS 依赖项以供离线使用？
【发布时间】：2020-08-25 12:57:24
【问题描述】：

潜在的类似问题here。

我想构建一个无需互联网连接即可运行的简单浏览器内应用。

要开发 Python 项目，这甚至不是问题。您只需在您最喜欢的虚拟环境中 pip install whatever 并整天离线运行。您的依赖项列表也在本地为您管理。

在使用npm 构建玩具项目时，我不知道如何执行上述操作。 Parcel 似乎是构建、捆绑、缩小等的好工具。但最终，所有依赖项仍然指向 CDN。我知道这是默认行为，但似乎没有办法轻松地将所有依赖项拉到本地并离线运行。

不是网络开发人员，所以如果我问错了问题，我也很感激这种洞察力。

编辑：我已经构建了我需要的所有功能。我可以从 file:// 或简单的 http 服务器成功运行。我正在尝试在本地整合所有依赖项，以便在运行时不依赖 CDN。最好不要去每个 CDN/GitHub 存储库，手动下载 JS/CSS 依赖项，然后从我的代码中手动链接到它们。这就是使用捆绑器或类似工具的意义所在。 Electron 或其他框架真的是最好的方法吗？对于我的使用来说，这感觉开销很大。

【问题讨论】：

网络应用就是网络应用（所以不能离线）。一种解决方法是创建一个 PWA（google it），它将缓存您的代码并使您的应用程序可以离线使用。另一种方法，我认为这就是您正在寻找的，是使用电子创建一个离线应用程序。见electronjs.org

标签： javascript css deployment offlineapps parceljs

【解决方案1】：

您可以使用 npm 来安装和维护您的依赖项。假设您从一开始就创建您的项目。您将需要执行以下步骤。假设你已经安装了 npm。

mkdir my-project //create project directory
cd my-project // cd into project direcotry
npm init // init npm project inside the directory.

在此之后，您可以使用 npm i package-name 安装 javascript 包

【讨论】：