# vite-component

**Repository Path**: huang_zhan_le/vite-component

## Basic Information

- **Project Name**: vite-component
- **Description**: vite打包组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-06
- **Last Updated**: 2025-01-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

vite打包组件，使用rollup来打包
~~~js
build: {
    lib: {
      entry: './src/test/index.ts', // 入口文件
      name: 'MyVueLibrary',   // 库的全局变量名
      fileName: (format) => `my-vue-library.${format}.js`,
    },
    rollupOptions: {
      external: ['vue'], // 排除 vue，不打包进库中
      output: {
        globals: {
          vue: 'Vue', // 全局变量名
        },
      },
    },
  },

~~~