采用工具 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 里面声明之类的。