如何用Vite将React应用打包为含JS和CSS的可嵌入单个embed.js文件？

我正在使用Vite开发React应用，希望生成单个embed.js文件，以便嵌入任意网站来加载我的组件（widget）。该embed.js文件需同时包含JavaScript代码与CSS样式，目前我已采用vite-plugin-css-injected-by-js插件实现通过JavaScript注入CSS。

已尝试的操作 #

• 附上仓库dist目录截图：
  
• 使用的Vite配置代码：

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';

export default defineConfig({
  plugins: [
    react(),
    cssInjectedByJsPlugin()
  ]
});

内容的提问来源于stack exchange，提问作者Junaid