在 aurelia 中导入客户端库 framework7答案

【问题标题】：import client library framework7 in aurelia在 aurelia 中导入客户端库 framework7
【发布时间】：2016-10-13 19:05:54
【问题描述】：

在 Aurelia 中使用 Framework7 时遇到问题。在 aurelia.json 我有以下内容：

          {
        "name": "Framework7",
        "path": "../node_modules/framework7",
        "main": "dist/js/framework7",
        "exports": "Framework7"
      }

在 F7.js 我有这个代码：

import Framework7 from "framework7";

export const F7 = new Framework7();

我收到此错误： commonJs.convert：不能转换：services/f7.js，所以跳过它。错误是：错误：第 1 行：意外的令牌

我正在尝试关注https://github.com/Jenselme/tests-ionic2-and-aurelia-framework7/blob/master/aurelia-f7-todo/app/services/f7.js 并尝试查看 Aurelia 的文档

我也尝试过这样的 import 语句：

import "framework7"

【问题讨论】：

标签： html-framework-7 aurelia

【解决方案1】：

只加载带有脚本标签的 Framework7 怎么样？ Aurelia CLI 使用 RequireJS 进行模块加载。我发现这个页面解释了如何使用带有 RequireJS 的 Framework7，他们使用脚本标签来加载 Framework7。

使用脚本标签加载不支持模块的遗留 JS 库没有任何问题。

补充说明：

将此脚本添加到vendor-bundle 的prepend 部分也可以。

【讨论】：

是的，我想你是对的......但我也尝试了另一种选择......将它添加到给出相同错误的前置数组中。我只是讨厌在不知道为什么行不通的情况下继续前进。
我做了和这里描述的一样的事情：medium.com/@russell.seamer/…
将"node_modules/framework7/dist/js/framework7.js", 添加到vendor-bundle.js 的prepend 部分是否有效？它对我有用。
F7.js 文件没有出现错误。该文件现在看起来像这样： export const F7 = new Framework7();也许我应该尝试从一个空白项目重新开始
是的，但您仍然需要担心加载 CSS。如果我在我自己的项目中使用 Aurelia CLI 执行此操作，我只需通过脚本标签和带有链接标签的 CSS 加载脚本。我不会使用 NPM 来管理 Framework7，我会将它的所有文件放在根目录下的文件夹中。像components\Framework7 之类的东西。或者，如果绝对需要捆绑所有内容并通过 NPM 管理 deps，我会考虑使用 Webpack。谷歌搜索 Aurelia Framework7 看起来它也有一些好东西。

【解决方案2】：

Framework7 包含许多 Aurelia 无法处理的资源，例如 css 和图像。您必须手动捆绑它。

字体真棒库示例： How can I add Font Awesome to my Aurelia project using npm?

【讨论】：