目录

Vite 多入口lib模式打包配置

2022-08-08 前端次围观

目录

注意

Note: 无法使用 vite.config.*

无法在vite.config.*中构建多个打包的入口，这时候需要自己编写一个打包的脚本，我将其放置在scripts/build.js中。

将 vite 中的 build 方法 import 进来。手动执行打包;

代码演示

import { build } from "vite";

// make library list, the name for folder
const components = ["text", "input"];

const librarys = components.map((name) => {
  return {
    entry: `src/components/${name}/index.ts`,
    name,
    // output filename;
    filename: `xxx-${name}.js`,
  };
});

librarys.forEach(async (lib) => {
  await build({
    configFile: false,
    sourcemap: true,
    build: {
      lib,
      assetsDir: "",
      emptyOutDir: false,
      rollupOptions: {},
    },
  });
});