@zooadmincomponent/zoo-admin-component

Zoo Admin Standard

打包说明

• 正常部署

  tsconfig.json文件中替换以下配置

  "target": "ES2020",
  "module": "ESNext",
  "moduleResolution": "bundler",
  "noEmit": true,
  "emitDeclarationOnly": false,

• 打包成组件库

  在本地打包后推到npm官方

  tsconfig.json文件中替换以下配置

  "target": "ESNext",
  "module": "NodeNext",
  "moduleResolution": "nodenext",
  "emitDeclarationOnly": true, 
  "noEmit": true,

  vite.config.ts文件将以下配置添加进build对象中

  build: {
    lib: {
      entry: resolve(__dirname, 'src/plugins/index.ts'),  // 插件的入口文件
      name: 'ZooAdminComponent',          // 插件的全局变量名
      fileName: (format) => `zoo-admin-component.${format}.ts`,  // 输出的文件名
      formats: ["es", "umd", "cjs"],
    },
    rollupOptions: {
      external: ['vue'],
      output: {
        globals: {
          vue: 'Vue',  // 将 Vue 映射到全局变量
        }
      },
    },
  },

  打包步骤

  1. 打包命令

     npm run build

  2. 登陆npm账号

     npm login

     执行命令后出现以下提示 打开地址后 将邮件中的获取验证码进行验证登陆

     Login at:
     https://www.npmjs.com/login?next=/login/cli/f7360887-833a-4e9b-927f-a31ba5a12cba
     Press ENTER to open in the browser...

  3. 将包推送到npm中

     npm publish --access public