angular2 发布通用组件方法

采用工具 Yeoman generator,github 地址

1. 安装组件

npm install -g yo
npm install -g generator-angular2-library

2. 手动创建代码文件夹

3. 生成项目框架

yo angular2-library

基础代码生成之后,按照提示一步一步生成配置即可

4. 编写自己的组件代码,注意文件名的规范性,比如 component , 必须要以 **.component.ts 来命名文件,否则编译会报错。

5. 执行 npm run build 编译,生成的文件在 dist 目录中。


备注:

1. 开发时预览组件效果

npm run playground

2. 开发过程中使用组件

npm run build
cd dist
npm link

将组件连接到本地全局的node_modules库中

然后在需要使用的项目中, 执行 npm link <module>

接下来就与正常引入一个module相同,在 app.module 里面声明之类的。


猜你喜欢

转载自blog.csdn.net/zxcvqwer19900720/article/details/80506943