将脚本添加到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并将其导入他们的{ {1}}文件。

使用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库名称

您将有一个干净的项目来开发您的库