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、修改模版配置改成自己的逻...