如何使用 node.js 创建要在 angular 应用程序和服务器上使用的 javascript 库

Question

我想创建一个 js 库，它既可以在使用 angular 的浏览器中使用，也可以在使用 node.js 的服务器上使用。

我对如何设置这个有点困惑。 我也想使用打字稿。 但是我已经习惯了像 angular-cli 这样的东西，它负责所有的设置（webpack、ts、babel 等），我对如何使用这些工具启动 javascript 项目有点迷茫，我想我'必须手动设置所有配置。

在尝试支持浏览器和服务器的库时，有什么我需要注意的吗？ 我想我应该针对 es5。 我知道在 tsconfig 中我可以指定目标为 es5，那么 tsconfig 中的模块和模块分辨率呢？ 在 babel 配置和 webpack 中还有什么可做的吗？

有人有好的教程吗？ 链接？ 起动机？

Answer 1

实际上在 Angular CLI 中有一个内置命令来创建一个库：“ng generate library yourLibrary --prefix demoPrefix ”

现在创建了一个新的项目目录，其中包含您的文件夹 + 相关的配置 json。

接下来您需要创建一个公共 API 以允许访问此库 -> 编辑新创建的库的公共 api.ts 文件以执行此操作并提供 -> 导出相关服务、模块和模型。

您还可以使用 CLI 将组件添加到您的库中，如下所示：

ng 生成组件海报 --project= demoLibrary

这是一篇可能有帮助的文章https://blog.angularindepth.com/creating-a-library-in-angular-6-87799552e7e5

Answer 2

使用无依赖项的纯 javascript（或打字稿）编写库