javascript - 部署的 aurelia web 应用程序与在 gulp 上本地运行的应用程序有何不同

Question

是否有一篇文章描述了部署的 aurelia 网络应用程序与在 gulp 上本地运行的应用程序有何不同。这一定是一个普遍的问题，不仅适用于 aurelia。我正在使用一个 js 库来挂起浏览器。当我在本地运行应用程序时，这种情况从未发生过，这让我觉得部署的应用程序没有真正不同的东西。

Answer 1

你是对的，这不是特定于 Aurelia，而是特定于构建工具。当您在本地运行您的应用程序时，您将使用安装在 /node_modules 目录中的 npm 依赖项和来自本地文件系统的资源(如 CSS、图像等)。当您捆绑应用程序进行部署时，您需要捆绑运行应用程序所需的一切(包括依赖项和资源)。

对于每个 bundler ，您都可以配置要捆绑的内容并创建不同的 bundle 。关于如何捆绑 Aurelia CLI project 有很好的解释(捆绑配置在 aurelia_project/aurelia.json 中)和 JSPM project (捆绑配置在 bundle.js 中)。

只要确保捆绑了所有必需的文件和模块即可。通常问题不在于捆绑本身，而在于无法捆绑的东西。有一些非常顽固的库(例如 Bootstrap 的一些 Assets 或一些基于 jQuery 的插件)在捆绑时将无法工作。然后您需要将它们单独包含在部署中。在 JSPM 配置中，这意味着您必须将它们与包一起导出。导出基本上意味着“选择将用于在生产中运行应用程序的所有文件”，如果是 JSPM，这些文件将被复制到 /export 目录。在 CLI 安装中，您需要将 copyFiles 部分添加到 aurelia.json 以导出额外文件。

检查 this article关于捆绑的确切工作方式和this one了解 aurelia-bundler 在这个过程中的作用(提示:aurelia-bundler 是框架的一部分，可以为您创建随时可用的 Gulp 任务)。