angular - 需要帮助将我的 angular 2 组件转换为 npm 库

标签 angular npm

我已经在angular2中创建了一个组件,现在我需要将组件转换为npm库,以便可以通过安装

npm install

我已经安装了用于创建组件的 Angular CLI,我已经搜索了网络我无法找到将组件转换为 npm 库的明确说明,请指导我实现它的过程

最佳答案

1 。在此处阅读 NPM 发布文档:https://docs.npmjs.com/misc/developers

2。将您的应用程序创建为普通的 Angular 应用程序(甚至使用 Angular cli),然后在您的 package.json 文件中创建一个文件条目,其中仅包含您希望用户使用 npm 安装的文件或目录。 (应该排除你的主要 Angular 模块,只导出组件、服务、指令等)

 "files": [
        "README.md",
        "index.js",
        "index.ts",
        "src/app/component-folder/*"
    ],

3。在您的 package.json 中再次使用您的入口文件创建一个主键(入口文件应该导出您的功能,注意不要将 .js 版本从版本控制中排除。

"main": "index.js"

3 .1 示例入口.ts文件

export * from './src/app/component-name/component.module';
export * from './src/app/component-name/app.component';
export * from './src/app/component-name/app.service';

您可以在发布到 npm 之前进行测试,方法是创建一个 tar 文件并将 npm 安装到您的其他应用

关于angular - 需要帮助将我的 angular 2 组件转换为 npm 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41740399/

相关文章:

node.js - 在客户端和服务器 Mongoose 模型之间共享 typescript 接口(interface)

angularjs - 带有ngModel的Angular 2组件不更新父模型

node.js - 使用 NPM 和 Node 安装 CoffeeScript

javascript - Node js 请求获取 ETIMEDOUT 'ip address'

html - 如何将三个图标对齐到页面标题的右侧

angular - 模板驱动表单预选下拉值 Angular 6

html - 将日期输入更改为阿拉伯语并设置默认值

node.js - 在 Node 项目源代码管理中存储 npm 模块的位置

reactjs - nextjs 应用程序的入口点在哪里?

node.js - Node 检查器 -brk 不工作