将脚本添加到Angular库

Question

我正在尝试将Angular 6应用程序的某些组件导出到库中。不幸的是，我需要使用WebToolkit来连接到其他人的专有服务构建，该服务只能作为纯JavaScript文件使用。反过来，此文件也需要jQuery和require.js。

没有库，我通过将这些js文件添加到.angular-cli.json下面来解决了这个问题"scripts"

{
 ...,
 scripts: [
  "node_modules/jquery/dist/jquery.js",
  "node_modules/require/require.js",
  "path/to/my/magic/library.js"
 ],
 ...
}

现在构建我的角度库，我想将那些脚本内置到我自己的库代码中，这样我的客户仍然可以通过执行一个npm-install并将其导入他们的.module.ts文件中的简单方式来使用它。

Angular-CLI 6是否可以通过某种方式实现？还是您有其他建议可以实现我的库的简单安装？

Answer 1

也许这不是最干净的方法，但你可以通过以下方式实现：

let scriptTap = document.createElement('script');
scriptTag.src = '<route to your scripts>';
document.body.appendChild(scriptTag);

集成的最佳方法是从 ng new project-name -create-application=false 创建库，然后使用 ng g library name-of-library 添加库

你将有一个干净的项目来开发你的图书馆