在Aurelia项目中添加库

Question

我用Aurelia cli创建了一个新项目，但是当我想导入个人库时，控制台返回了一个意想不到的令牌错误。

我按照添加客户端库到您的项目教程。

这是我的库代码:

export function hello{
    console.log("hello");
}

在aurelia中。我添加了一个新条目:

  {
    "name": "hello",
    "path": "../scripts/hello"
  },  

我认为这是转译器条目中的配置问题，但我没有找到任何信息。

  "transpiler": {
    "id": "babel",
    "displayName": "Babel",
    "fileExtension": ".js",
    "options": {
      "plugins": [
        "transform-es2015-modules-amd"
      ]
    },
    "source": "src/**/*.js"
  }, 

Answer 1

在我看来，aurelia.json的bundles.dependencies部分应该用于已经转译为ES5格式的外部库。

1. 你可以移动你的内部ES6"库"到src/文件夹，所以它会与你的源代码的其余部分一起转译。
2. 如果你想创建一个共享库，你需要一个单独的项目，它提供一个ES5输出。

在后一种情况下，Aurelia Skeleton Plugin可能会给你新的想法。它配置为提供多种输出格式。