npm发布包流程详解 有demo

2019-12-06 11:01:31

参考链接 动手上传自己的npm包

npm发布包步骤,以及踩过的坑(见红颜色标准):


1.注册npm账号,并完成Email认证(否则最后一步提交会报Email错误)


2.npm添加用户或登陆:npm adduser 或 npm login


 


 3.更改npm源


平时我们可能用的是淘宝的镜像路径,而淘宝的镜像只有下载功能,不支持上次npm包。所以先把npm源改回来,等到发布成功后再改回来


4.制作自己的npm包


在目录下新建一个npm包的文件夹,如npmDemojsl,尽量取得特殊一点,不然很容易很已有的冲突

cmd进入目录下,运行npm init,生成package.json文件



编写主文件:index.js(npm init默认的入口文件是index.js,这可以自己定义)

随便写一个简单的hello输出: 


var hello = function(msg) {

    console.log('hello'+msg)

}

module.exports = hello 

 5.发布npm包:npm publish 




登陆我们的npm,也可以看到我们发布的包 




到这里,我们发布的第一个npm包就成功了!


6.使用和验证我们的包


npm install npmdemo2jsl 下载我们刚刚上次的包

引入该包,编写测试test.js

const a = require('npmdemo2jsl')

a('jsl')

 运行test.js:node test.js 


  • 2017-01-17 15:42:03

    vue-cli 发布(译)

    当我们真正开发一个应用的时候,我们不可避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型应用是必须的,但是项目初始化将会是让人痛苦的事情。这就是为什么我们做了 vue-cli 。

  • 2017-01-19 00:45:56

    nodejs之process进程

    虽然node对操作系统做了很多抽象的工作,但是你还是可以直接和他交互,比如和系统中已经存在的进程进行交互,创建工作子进程。node是一个用于事件循环的线程,但是你可以在这个事件循环之外创建其他的进程(线程)参与工作。

  • 2017-01-19 01:05:32

    process对象

    process对象是Node的一个全局对象,提供当前Node进程的信息。它可以在脚本的任意位置使用,不必通过require命令加载。该对象部署了EventEmitter接口。

  • 2017-01-20 21:59:11

    WEBPACK DEV SERVER

    webpack-dev-server是一个小型的node.js Express服务器,它使用webpack-dev-middleware中间件来为通过webpack打包生成的资源文件提供Web服务。它还有一个通过Socket.IO连接着webpack-dev-server服务器的小型运行时程序。

  • 2017-01-21 10:32:29

    Vue-cli proxyTable 解决开发环境的跨域问题

    和后端联调时总是会面对恼人的跨域问题,最近基于Vue开发项目时也遇到了这个问题,两边各自想了一堆办法,查了一堆资料,加了一堆参数,最后还得我把自己的localhost映射成上线时将要使用的域名。