发布 npm 组件、测试

在发正式包之前可以在本地先打一个包，然后测试下有没有问题，如果没问题再发布到npm上。

# 测试

首先，打包到本地

npm run build
npm pack

1
2

npm pack 之后，就会在当前目录下生成一个tgz 的文件。打开一个新的vue项目，在当前路径下执行(‘路径’ 表示文件所在的位置)

npm install 路径/组件名称.tgz

然后，在新项目的入口文件（main.js）中引入

import 变量名 from '组件名称'
Vue.use(变量名)

1
2

# 发布

npm login 输入账号，密码，邮箱

npm publish

1
2
3

# 常用操作

npm常用操作

npm config set registry https://registry.npm.taobao.org //设置淘宝镜像

npm config set registry http://registry.npmjs.org //设置官方镜像

npm config get registry //获取镜像地址

npm --force unpublish safe_manage_view //删除npm包

npm login //npm 登录

npm publish //npm 发布包

npm install --save hzm-npm-test //安装包

npm pack //打包

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

#npm

上次更新: 2024/01/30, 00:35:17

← npm常用命令及参数详解因 npm 版本过高导致 npm install 报错解决方案→