怎样把自己的模块发布到npm-CSDN博客

开始之前

这是自己的第一篇博客文章，机缘巧合选择了掘金这个平台。感觉作为一个程序猿，平时把主动学习或是工作上学到的东西写下来，既可以作为一个知识的积累，同时也能和大家分享和切磋知识，希望这个好习惯能像健身一样坚持下去。

Start

模块化想必大家都多多少少了解一些啦，在这里就不叨叨了，直接说正题。事情是这样的：组内写了一个数据统计的代码，打算先放在h5活动上试试。代码的添加逻辑和使用百度统计很像，就是创建一个 scrip 标签，然后塞到页面里加载统计代码。我们的 h5 活动有两种开发模式，一种是最基础的 zepto 的开发模式，另一种是如果关系到公司的一些业务逻辑，会使用自己的开发框架。普通的就直接写咯，使用开发框架的就需要模块化来引入，然后就萌生了搞成一个npm包方便以后使用的想法。

Doing

说实话平时虽让常用 npm install xxx，但是还真没有自己开发过一个包。所以还是百度了一些别人的文章来参考，好在刚开始弄，需要发布的也仅仅只有一个js文件而已，所以还没遇到什么问题，在这里，我把大致流程写下来，给大家做参考~

首先要创建一个项目嘛：npm init，之后有一堆需要你和命令行交互的输入，请自行解决。这时候你的文件夹里就有 package.json 文件了，至于 .gitignore，README 这些东西也看自己的需求弄就好。
项目创建好了，因为我的项目暂时只有一个js文件，因此也没有什么参考价值，我放个截图吧。

处女座的我还用了tinypng，我有没有很棒，2333333。
搞到这里，有些童鞋或许会有这样的疑问，我平时加载其他npm包的时候都是直接引入文件名，并没有指定是里面的那个文件，那么我们如何定义引用 npm 包时的入口文件呢？再来一张图：

我们可以看到在 package.json 文件的 main 属性里，我们定义了入口文件，在这里大家可以再注意一下第二个版本属性，因为在你执行 npm init 命令一路回车的时候，默认版本是 1.0.0，因此，如果你的项目还不成熟，建议首位从0开始，毕竟 1.0 已经预示着是正式版了嘛，而且据我目前的使用npm应该不能用旧版本覆盖新版本发布，因此 0.xx 版本不用就浪费了。
这时要发布我们的模块了，首先，你需要有一个npm账号，然后在命令行输入 npm login 进行登录，登录后会要求你输入账户名、密码、还有邮箱，都输入并且校验成功后，就提示你登录成功啦。这时候就可以在模块根目录下输入 npm publish 来发布模块了，如果你需要把模块发布到指定的服务器上的话，你可以参考一下我上面那个截图中的 publishCondfig 属性来设置你的源。好啦，罗里吧嗦说了一堆，第一篇文章可能有点小激动，所以废话较多，希望大家见谅。文章有问题的话（不管是你的还是我的），请在下面留言，各位老铁，下篇文章见。