参考文章:NPM Publish发布自己的模块
1.编写模块:
exports.sayHello =function(){
return 'Hello World';
}
在一个文件夹(如hello文件夹)中,保存为index.js文件
2.初始化包描述文件
在hello路径下,cmd执行
npm init
期间会有提示输入一些信息,可以输入或者跳过,或者在生成package.json文件之后也可以进行修改
我的生成后长这样:
{
"name": "hello",
"version": "1.0.0",
"description": "wl learn",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "wl",
"license": "ISC"
}
3.注册npm仓库账号
https://www.npmjs.com 是npm官方
http://localhost:4873/ 是我自己搭建的npm私服
因为我是在私服上发布,所以执行下面的命令:
npm adduser –registry http://localhost:4873
但是我在搭建npm私服的时候已经指定过npm源以及注册过帐号了,所以这一步可以跳过
4.上传包
在hello路径下执行
npm publish
此时到我的npm私服上查看,已经可以的\看到发布的hello包了
image.png
5.安装包
到项目路径下执行包安装命令
npm install hello
6.管理包权限
npm owner ls <package_name> 查看模块拥有者
npm owner add <user> <package_name> 添加一个发布者
npm owner rm <user> <package_name> 删除一个发布者
7.分析包
查看当前项目引入了哪些包
npm ls
8.引入使用包
// vue
<script>
import hello from "hello";
export default {
created() {
let str1 = hello.sayHello();
console.log(str1); //hello world
}
}
</script>
或者
let hello = require("hello");
console.log(hello.sayHello()); //hello world
网友评论