1.注册NPM 账号
注册地址:www.npmjs.com/
2.初始化自己要发布的项目
搭建本地环境:安装node.js,包含了npm命令。 新建目录,在该目录下,初始化项目:npm init。 按照提示填写初始化信息,我的模块名称为:supaur-npm-test,初始版本号:v1.0.0。 模块名称需遵循相关政策要求:www.npmjs.com/policies , 不能够与已有NPM模块名冲突等等。 模块代码 index.js:
const noNeedFix = [
"ElTabs",
"ElTabPane",
"ElBacktop",
"ElCarousel",
"ElCarouselItem"
];
function makePrefix(elObject) {
Object.values(elObject).forEach(installer => {
if (noNeedFix.includes(installer.name)) {
return;
}
if (installer.name && installer.name.includes("El")) {
installer.name = installer.name.replace("El", "Sp");
}
});
return elObject;
}
export { makePrefix };
3.登录npm,发布自己的npm包
npm login
根据提示输入之前注册的账号、密码。 发布npm包:
npm publish
此时在自己个人的npm账号主页可以看到该包。
4.使用自己发布的包的示例代码
安装之前发布的npm包:\
Shell复制代码
1
npm install xxx-npm-test
4.使用已发布NPM包的示例代码test.js:**
JavaScript复制代码
1
import { makePrefix } from "xxx-npm-test";
2
makePrefix(ElementUI);
\
5.更新自己的NPM包及 readme文件\
修改代码和readme.md后,执行命令:\
Shell复制代码
1
npm version patch
2
npm publish
npm version后面参数说明:
patch:小变动,比如修复bug等,版本号变动 v1.0.0->v1.0.1
minor:增加新功能,不影响现有功能,版本号变动 v1.0.0->v1.1.0
major:破坏模块对向后的兼容性,版本号变动 v1.0.0->v2.0.0
\
6.使用更新后的NPM包\
更新NPM包:\
Shell复制代码
1
针对patch: npm install xxx-npm-test
2
针对minor: npm install xxx-npm-test
3