Chrome扩展+React+Vite在不同文件夹中构建

Question

我正在尝试使用react和vite构建一个Chrome扩展。 我在主文件夹“src”main.jsx 和 App.jsx 中有一个应用程序。但我希望在“dist”文件夹中的同一子文件夹中构建子文件夹中的另一个 jsx 文件。

• 源代码
  • 主.jsx，应用程序.jsx
  • 带有 navbar.jsx 的子文件夹
• 公开

但是我用 vise.config.js 尝试的所有内容都没有显示出我想要的结果。内容文件夹未构建或包含公共文件夹中的内容，或者仅构建了 navbar.jsx...该示例缺少内容文件夹。我尝试了一些 rollipOptions 但效果不佳。

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

// https://vitejs.dev/config/
export default defineConfig({
base: "",
plugins: [react()],
resolve: {
  alias: {
    "@": path.resolve(path.resolve(), "src"),
  },
},
});

Answer 1

Google 禁止使用代码混淆。我不确定这是否会通过审核。