【问题标题】:What is the step-by-step procedure for installing any npm module with Aurelia CLI?使用 Aurelia CLI 安装任何 npm 模块的分步过程是什么?
【发布时间】:2016-11-27 06:51:55
【问题描述】:

我想安装 jquery 并在此处找到说明:

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/contact-manager-tutorial/4

然后我想安装“moment.js”并在此处找到说明(我没有使用打字稿):

How to import Moment-Timezone with Aurelia/Typescript

要使用 Aurelia CLI 安装这两者,过程是安装相应的 npm 模块,然后以某种方式手动修改 aurelia.json,以便应用识别它。

在某些情况下,说明会在 app.js 的顶部放置导入,但 JQuery 并非如此。

首先,有什么方法可以自动更改 aurelia.json(就像常规的 node.js package.json),所以我不需要 手动 这样做,其次,我如何知道我需要对 aurelia.json(或 app.js 或任何其他文件)为我要安装的模块进行哪些修改?

使用基本的 node.js 应用程序非常简单,只需 npm 安装。有了 Aurelia,就更令人困惑了。

编辑: 还有 JSPM,I've read 用于我上面提到的前端库。但是,我发布的带有安装说明的链接没有使用 JSPM。

编辑

我在这里找到了一些答案: http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/the-aurelia-cli/6

【问题讨论】:

    标签: javascript aurelia


    【解决方案1】:

    CLI 仍在开发中。我认为自动添加包可能有一天会包含在 CLI 本身中,例如使用安装命令。

    需要额外注册才能正确注册包以便与 RequireJS (http://requirejs.org/) 一起使用。如果插件存在不止一个文件,那么这个注册会比添加插件的名称复杂一些。

    https://github.com/martonsagi/aurelia-cli-pacman 这里有一个实验性 CLI 任务,它将为您完成自动化。

    可以通过运行安装:

    npm install aurelia-cli-pacman -D
    

    上面将安装包管理器并将其注册/包含在您当前项目的任务中(请务必使用 install 运行它,因为如果您以 i 简写方式运行 npm 将不会运行安装后脚本)。接下来,您可以运行以下命令来安装扩展:

    npm i aurelia-interactjs -S
    
    au pacman i aurelia-interactjs
    

    对许多人来说唯一的缺点可能是目前没有那么多注册表项,但我认为如果您通过创建拉取扩展注册表来帮助他,包的作者会非常高兴。您需要一些时间来弄清楚正确的安装/导入设置是什么,但是当他们遇到您遇到的相同问题时,您会帮助其他人并让他们高兴:-)。

    JSPM 也有类似的问题,只是更成熟/注册表更大和/或作者在他们的 package.json 中添加了 JSPM 安装的特定信息。例如:要使用 JSPM 安装上述插件,它将使用以下突出显示的部分 https://github.com/eriklieben/aurelia-interactjs/blob/master/package.json#L72,L86。 aurelia-cli 目前无法做到这一点,因为安装是由 NPM 完成的,而不是通过将其重定向到 NPM 的 JSPM。

    如果插件的作者没有在 package.json 中指定 JSPM 部分,您很可能会遇到同样的问题。 JSPM 具有与 aurelia-cli-pacman 类似的注册表 (https://github.com/jspm/registry/tree/master/package-overrides/npm)。

    【讨论】:

    • 感谢您澄清 CLI 正在开发中等。我很感激。我只是想要一种简单的方法来让 JQuery 等基本库正常工作。我在过去 3 个小时里断断续续地试图弄清楚如何让 JQuery UI 与 Aurelia 一起工作
    猜你喜欢
    • 1970-01-01
    • 2018-05-13
    • 2018-07-13
    • 2018-11-22
    • 1970-01-01
    • 2021-01-25
    • 1970-01-01
    • 1970-01-01
    • 2016-03-25
    相关资源
    最近更新 更多