angular - 如何在 Angular 6 库中添加外部 js 文件

Question

我正在创建一个基于角度材料的角度库（版本 6），我需要为其包含锤子 js 库。

我知道在 Angular 6 中，我们可以在angular.json项目配置下添加外部 js 库。但这在上述库的情况下不起作用。我尝试通过以下方式添加外部库。

"my-library": {
  "root": "projects/my-library",
  "sourceRoot": "projects/my-library/src",
  "projectType": "library",
  "architect": {
    "build": {
      "builder": "@angular-devkit/build-ng-packagr:build",
      "options": {
        "tsConfig": "projects/my-library/tsconfig.lib.json",
        "project": "projects/my-library/ng-package.json",
        "scripts": [
          "../node_modules/hammerjs/hammer.min.js"
        ]
      }
    }
}

但我收到了这个错误。

架构验证失败并出现以下错误：数据路径“”不应具有其他属性（脚本）。

请建议在角度库中添加外部js文件的正确方法是什么。

标签： angularangular-cliangular6

Answer 1

您可以在tsconfig.lib.json文件中添加您的外部库。

打开该文件并在您可以在compilerOptios中找到的类型节点下添加您的需求库。我给你和例子。就我而言，我从我的项目节点模块中引用了该库。你可以用你的hammer.js 库做同样的事情。祝你好运