vite-plugin-federation 不加载我的组件的样式

Question

当我在我的主机应用程序上加载我的组件时，组件加载时没有 css，我正在使用 Vite + Vue with tailwind，有人知道如何加载这些样式吗？

这是我的 vite.conf.ts：

import federation from "@originjs/vite-plugin-federation";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";


export default defineConfig({
  server: {
    port: 8000,
  },
  build: {
    target: ["chrome101", "edge89", "firefox89", "safari15"],
  },
  plugins: [
    vue(),
    federation({
      name: "myLib",
      filename: "remoteEntry.js",
      // Modules to expose
      exposes: {
        "./Counter": "./src/components/Counter.vue",
        "./Controller": "./src/controller.ts",
      },
      shared: ["vue", "css"],
    }),
  ],
});

Answer 1

尝试添加cssCodeSplit：假， 例如：

...
build: { 
     target: 'esnext', 
     minify: false, 
     cssCodeSplit: false
   }