ck-plus/vite.lib.config.js

vite制作npm包

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
import vueDevTools from "vite-plugin-vue-devtools";
import { resolve } from "path";
import { fileURLToPath, URL } from "node:url";
import path from "path";
const pathResolve = (dir) => {
  return resolve(__dirname, ".", dir);
};
// https://cn.vitejs.dev/config/build-options#build-target
export default defineConfig({
  plugins: [vue(), vueJsx(), vueDevTools()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  build: {
    outDir: "lib", // 打包输出目录
    // outDir: "dist", // 打包输出目录
    lib: {
      entry: pathResolve("./src/package"),
      // entry: path.resolve(__dirname, "./src/ck-ui/index.js"), //指定组件编译入口文件
      // 组件库名字
      name: "ck-ui-plus",
      fileName: "index", //fileName: (format) => `tmes.${format}.js`,
      // 输出格式
      formats: ["es"],
    },
    emptyOutDir: true,
    rollupOptions: {
      // 确保外部化处理那些你不想打包进库的依赖
      external: ["vue"],
      output: {
        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
        globals: {
          vue: "Vue",
        },
      },
    },
  },
});