vite.config.ts

import { defineConfig } from "vite"
import { resolve, dirname } from 'node:path'
import { fileURLToPath } from 'url'

import vue from "@vitejs/plugin-vue"
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
import copy from "rollup-plugin-copy"
import clear from "rollup-plugin-clear"

const OUR_DIR = "dist"; // 输出目录
const RELEASE_DIR = "release"; // 发布目录

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        /**
         * 避免 vue-i18n 在构建生产环境时包含 eval 与 Function 方法
         * REF: [vue3 with vue-i18n-next only works with unsafe-eval CSP header · Issue #543 · intlify/vue-i18n-next · GitHub](https://github.com/intlify/vue-i18n-next/issues/543)
         * REF: [Optimization | unplugin-vue-i18n | Vue I18n](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#how-to-configure)
         */
        VueI18nPlugin({
            /* options */
            // locale messages resourece pre-compile option
            include: resolve(dirname(fileURLToPath(import.meta.url)), "./src/locales/*"),
        }),
    ],
    build: {
        // sourcemap: "inline",
        outDir: OUR_DIR,
        emptyOutDir: false, // 是否清空输出目录原内容(设置为 true 后会将 copy 的文件也清空, 改为使用 rollup-plugin-clear)
        rollupOptions: {
            // REF https://rollupjs.org/guide/en/#big-list-of-options
            output: [
                {
                    assetFileNames: "firefox/content-script/search[extname]",
                    entryFileNames: "firefox/content-script/search.js",
                    // format: 'iife',
                },
                {
                    assetFileNames: "chromium/content-script/search[extname]",
                    entryFileNames: "chromium/content-script/search.js",
                    // format: 'iife',
                },
                {
                    assetFileNames: "assets/[name]-[hash][extname]",
                    entryFileNames: "assets/[name]-[hash].js",
                },
            ],
            plugins: [
                clear({
                    targets: [
                        OUR_DIR,
                    ],
                }),
                copy({
                    targets: [
                        {
                            src: "src/_locales/*",
                            dest: [
                                "dist/firefox/_locales",
                                "dist/chromium/_locales",
                            ],
                        },
                        {
                            src: "src/assets/*",
                            dest: [
                                "dist/firefox/assets",
                                "dist/chromium/assets",
                            ],
                        },
                        {
                            src: "node_modules/webextension-polyfill/dist/browser-polyfill.js",
                            dest: [
                                "dist/firefox/lib",
                                "dist/chromium/lib",
                            ],
                        },
                        {
                            src: "src/manifest.v2.json",
                            dest: "dist/firefox",
                            rename: "manifest.json",
                        },
                        {
                            src: "src/manifest.json",
                            dest: "dist/chromium",
                            rename: "manifest.json",
                        },
                    ],
                    verbose: true,
                }),
            ],
        },
    },
})