zhsz-common-ui/vite.config.js

This template should help get you started developing with Vue 3 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.

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      // 设置路径
      '~': path.resolve(__dirname, './'),
      // 设置别名
      '@': path.resolve(__dirname, './src')
    },
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
  },
  build: {
    outDir: "common-ui", //输出文件名称
    lib: {
      entry: path.resolve(__dirname, "./src/components/common-ui/index.js"), //指定组件编译入口文件
      name: "common-ui",
      fileName: "common-ui",
      //在作为库（lib）模式时会默认为 false。
      // 手动将 build.cssCodeSplit 指定为 true 即可内联 css，适合 css 不多的情况。
      cssCodeSplit: true,
    }, //库编译模式配置
    rollupOptions: {
      // 确保外部化处理那些你不想打包进库的依赖
      external: ["vue"],
      output: {
        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
        globals: {
          vue: "Vue",
        },
      },
    }, // rollup打包配置
  },
  css: {
    extract: false
  }
})