美文网首页
通过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