将脚本添加到 Angular 库答案

【问题标题】：Adding a script to an Angular Library将脚本添加到 Angular 库
【发布时间】：2018-12-02 01:49:47
【问题描述】：

我正在尝试将我的 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"
 ],
 ...
}

现在正在构建我的 Angular 库，我希望将这些脚本内置到我自己的库代码中，这样我的客户仍然可以以简单的方式使用它，只需执行一次 npm-install 并将其导入到他们的 @ 987654327@文件。

Angular-CLI 6 有可能吗？或者您有其他建议如何实现我的库的简单安装？

【问题讨论】：

【解决方案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 添加库

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

【讨论】：