August 8, 2022

Vite 多入口lib模式打包配置

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: {},
    },
  });
});

© Boiao Ch 2008 - 2018