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

标签 javascript gulp aurelia

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

最佳答案

你是对的,这不是特定于 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 任务)。

关于javascript - 部署的 aurelia web 应用程序与在 gulp 上本地运行的应用程序有何不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43322487/

相关文章:

javascript - React 必须调用 setTimeout 才能正确更新 View

css - gulp-autoprefixer 不工作

javascript - 创建 Gulp 任务但不起作用,为什么?

node.js - 在 aurelia js 中安装项目依赖项时出错

javascript - 打开/关闭菜单单击时仅使用 javascript 不使用 jquery

javascript - 为什么我的图库无法在移动设备上使用?

javascript - d3 树状图工具提示的自定义样式

node.js - 我无法启动服务器-jekyll

javascript - 6.x 错误中尚不支持装饰器

javascript - 在 Aurelia View 中创建动态表单