美文网首页
通过vite 打包后发布npm

通过vite 打包后发布npm

作者: Rascar | 来源:发表于2023-04-13 10:54 被阅读0次
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

      本文链接:https://www.haomeiwen.com/subject/aqyaddtx.html