一、前置条件1. 安装 Node.js自带 npm2. 注册 npm 官网账号完成邮箱验证必填二、项目初始化mkdir 包名 cd 包名npm init -y修改package.json核心配置1.name全网唯一包名2.version初始版本1.0.0编写组件核心代码新建index.js/index.vue入口文件可选新建.npmignore忽略 node_modules、.git 等文件三、发包核心准备必做切换官方源淘宝镜像无法发包npm config set registry https://registry.npmjs.org/四、登录 发布# 登录npm账号npm login#更新版本号 版本号不可重复更新后重新发布npm version patch # 修复bug1.0.0→1.0.1npm version minor # 新增功能1.0.0→1.1.0npm version major # 重大更新1.0.0→2.0.0npm publish# 普通组件包发布npm publish# 作用域包xxx/xxx发布npm publish --access public五、撤回包慎用发布24小时内可撤回撤回版本号永久作废npm unpublish 包名版本号六、发包避坑要点发包仅限官方源发布后可切回淘宝镜像包名全网唯一重复直接报错作用域包必须加 --access public 公开发布未验证邮箱无法登录发包七、组件发包后使用流程前端专属1. 安装组件# 普通包npm install 你的包名# 作用域包npm install 用户名/包名2. 项目引入使用通用 JS/TS 引入import 组件名 from 你的包名// 或const 组件名 require(你的包名)Vue 组件使用import 组件名 from 你的包名import 你的包名/dist/style.css // 有样式则引入export default {components: { 组件名 }}React 组件使用import 组件名 from 你的包名import 你的包名/dist/style.cssfunction App() {return 组件名 /}
