1.先 pnpm init //(创建package.json)
2.安装vite pnpm i vite -D
3.创建src目录里面创建index.js
4.配置vite.config.js
//vite.config.js配置
import {defineConfig} from 'vite'
export default defineConfig({
build:{
lib:{
//入库文件
entry:"src/index.js",
//名字
name:'moneyzkl',
//将添加适当的扩展
fileName:"My-Money"
}
},
//如果没有外部依赖可以去掉
rollupOptions: {
// 确保外部化处理那些你不想打包进库的依赖
external: ['vue'],
output: {
// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
globals: {
vue: 'Vue',
},
},
},
},
})
5.配置package.json
6.配置完成后pnpm build 打包 生成dist文件
{
"name": "monezkl",
"version": "1.0.1",
"description": "",
//打包后的unm.js
"main": "dist/My-Money.umd.js",
//打包后的mjs
"module": "dist/My-Money.mjs",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
//打包命令
"build": "vite build"
},
"keywords": [],
"author": "",
//上传的文件
"files": [
"dist"
],
"license": "ISC",
"devDependencies": {
"vite": "^4.2.1"
}
}
7.发布npm 如果没有账号 npm adduser 会出现 用户名 密码 邮箱
8.注册完成后 npm login 输入 账号 密码 邮箱
9.可以创建一个 README.md 里面可以功能介绍
10.发布 npm version patch //上传README.md
11.npm publish 上传后会给你发一份邮件
网友评论