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 上传后会给你发一份邮件通过vite 打包后发布npm
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1、npm官网地址[https://www.npmjs.com/]在此注册账号，会发邮件到邮箱，返回一个链接用来验...
- 创建项目 模版在这里选择的是 vue vue-ts 增加sass支持 为了编写样式方便需要增加一下对 sass...
- 我们在使用 Vue 进行日常开发时，我们经常会用到一些开源的 UI 库, 如:Element-UI,echarts...
- 一、配置yml 1、点击 Actions 2、选择模板Node.js Package 3、修改模版配置改成自己的逻...
