open-index/open-npm huggingface dataset:
npm package: @firstnew/zoo-admin-component
Latest version: 1.0.0-beta.9

# Zoo Admin Standard



## 打包说明

- ##### 正常部署

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

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

- ##### 打包成组件库

  在本地打包后推到npm官方

  

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

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

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

  ```js
  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. 打包命令

     ```js
     npm run build
     ```

  2. 登陆npm账号

     ```js
     npm login
     ```

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

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

  3. 将包推送到npm中

     ```js
     npm publish --access public
     ```