使用库模式构建时，antd-dark-theme 没有编译出 css。

[linzechao]

简述：
构建单页面模式下成功并正常；
但把打包模式改为 library-mode（库模式）时，就报错了；
找了几天的资料，还是解决不了，只能求助各路大佬！

相关资料

• Vite 库模式
• Vben-Admin

相关文件修改如下：

打包配置：

/* /vite.config.ts */

// ...
build: {
  lib: {
    entry: resolve(__dirname, 'lib/main.js'),
    name: 'AdminMain',
    fileName: 'admin-main',
  },
  rollupOptions: {
    external: ['vue'],
    output: {
      globals: {
        vue: 'Vue',
      },
    },
  },
  target: 'es2015',
  cssTarget: 'chrome80',
  outDir: 'dist',
  brotliSize: false,
  chunkSizeWarningLimit: 2000,
},
// ...

/* /package.json */
 {
  "name": "vben-admin",
  "files": ["dist"],
  "main": "./dist/admin-main.umd.js",
  "module": "./dist/admin-main.es.js",
  "exports": {
    ".": {
      "import": "./dist/admin-main.es.js",
      "require": "./dist/admin-main.umd.js"
    }
  },
  // ...
}

相关页面：

/* /lib/main.js */
import PageTest from '../src/components/Pages/test.vue';

export { PageTest };

/* /src/components/Pages/test.vue */
<template>
  <button>test button</button>
</template>

/* /build/generate/generateModifyVars.ts */

// 如果不带上 .js 后缀，则报找不到 ant-design-vue/dist/theme 模块
import { getThemeVariables } from 'ant-design-vue/dist/theme.js';

运行命令

# cross-env NODE_ENV=production vite build && esno ./build/script/postBuild.ts
yarn build

运行相关信息