发布一个npm包——以angular为例

一、前言

  做前端的同学和npm打交道的次数可不算少，npm上有许多好用的库可以帮我们节省很多时间，那么今天我们就尝试发布一个angular组件到npm上。

二、创建项目

  首先，我们来创建一个angular项目，不同于平时我们使用

ng new app

  来创建项目，我们本次使用

ng new angular-npm --createApplication=false

  来创建我们的angular项目，具体的区别就是使用–createApplication=false不会生成src目录。更多的区别可参考–createApplication=false，此时我们生成的目录是下面这样的：

  接下来我们创建一个组件库：npm-klx-test。注意，命名不要和npm上现有的包冲突，否则后面会发布不上去。使用下面的命令

ng g library npm-klx-lib --prefix=my