@zooadmincomponent/zoo-admin-component v1.0.0-beta.6

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