1、新建一个文件夹,进入其终端,输入npm init
会出现一个可填写的框,输入包名,这个就是你要发布的包的名字,然后回车,一直到最后出现
Is This OK?(yes)
这时候输入yes即可,会生成一个package.json文件
2、进入package.json
main指我们包的入口,这个一定要跟我们入口文件对应,如果是vue文件,那么这个指向打包后的js文件
3、新建index.js文件,随便写个工具函数,或者你就直接console.log也无所谓~
这里有一点要注意,如果你的包没有依赖,就没法打包,转换es5语法,得用module.exports或者exports导出,不能用export default,这样无法解析
//index.js
function reduce () {
const arr = [1, 3, 2, 4, 9]
let result = arr.reduce((total, item) => {
return total += item
}, 0)
console.log(result)
}
module.exports = reduce
4、登录npm账号,发布你的包。如果还没有账号,去官网注册一个就行
npm login
登录成功会有这样的提示
5、发布程序 npm publish
如果发布中遇到有403错误,这种就是包名重复了,需要换一个包名,就是package.json中的name字段,修改完就可以再次提交了
6、引用
npm install 包名 下载你的依赖包
var reduce = require('./index')
reduce()
7、更新包
直接在package.json中更改version就行,小改动就改最后一个,比如1.0.1