@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 映射到全局变量
        }
      },
    },
  },
  

  打包步骤

  • 打包命令

    npm run build
    

  • 登陆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...
    

  • 将包推送到npm中

    npm publish --access public