feat(word): add dictionary-based test page with randomized quiz, option display fixes, sound feedback, and pronunciation icon

2025-11-23 23:58:34 +09:00
parent 1a8282088a
commit 1c50f93174
7 changed files with 321 additions and 18 deletions
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -0,0 +1,125 @@
+import {defineConfig} from 'vite'
+import Vue from '@vitejs/plugin-vue'
+import VueJsx from "@vitejs/plugin-vue-jsx";
+import {resolve} from 'path'
+import {visualizer} from "rollup-plugin-visualizer";
+import SlidePlugin from './src/components/slide/data.js';
+import {getLastCommit} from "git-last-commit";
+import UnoCSS from 'unocss/vite'
+import VueMacros from 'unplugin-vue-macros/vite'
+import Icons from 'unplugin-icons/vite'
+import Components from 'unplugin-vue-components/vite'
+import IconsResolver from 'unplugin-icons/resolver'
+import {viteExternalsPlugin} from 'vite-plugin-externals'
+
+function pathResolve(dir: string) {
+  return resolve(__dirname, ".", dir)
+}
+
+const lifecycle = process.env.npm_lifecycle_event;
+let isCdnBuild = ['build-oss', 'report-oss'].includes(lifecycle)
+let isAnalyseBuild = ['report-oss', 'report'].includes(lifecycle)
+
+export default defineConfig(() => {
+  return new Promise(resolve => {
+    let latestCommitHash = ''
+    getLastCommit((err, commit) => {
+      if (!err) latestCommitHash = commit.shortHash
+      resolve({
+        plugins: [
+          Icons({
+            autoInstall: true,
+            compiler: 'vue3',
+          }),
+          Components({
+            resolvers: [
+              IconsResolver({
+                prefix: 'Icon',
+              }),
+            ],
+          }),
+          VueMacros({
+            plugins: {
+              vue: Vue(),
+              vueJsx: VueJsx(),
+            },
+          }),
+          UnoCSS(),
+          isAnalyseBuild ?
+            visualizer({
+              gzipSize: true,
+              brotliSize: true,
+              emitFile: false,
+              filename: "report.html",
+              open: true
+            }) : null,
+          SlidePlugin(),
+          isCdnBuild ? [
+            {
+              name: 'inject-cdn-head',
+              enforce: 'pre',
+              transformIndexHtml(html) {
+                const scripts = `
+<script src="./libs/vue.global.prod.min.js" crossorigin="anonymous"></script>
+<script src="./libs/vue-router.global.prod.min.js" crossorigin="anonymous"></script>
+<script src="./libs/axios.min.js" crossorigin="anonymous"></script>
+`
+                return html.replace('<head>', `<head>${scripts}`)
+              },
+            },
+            viteExternalsPlugin({
+              vue: 'Vue',
+              'vue-router': 'VueRouter',
+              axios: 'axios',
+            })
+          ] : null,
+        ],
+        build: {
+          rollupOptions: {
+            output: {
+              manualChunks(id) {
+                if (id.includes('node_modules/@iconify') || id.includes('~icons')) {
+                  return 'icons';
+                }
+                if (id.includes('utils')
+                  || id.includes('hooks')
+                ) {
+                  return 'utils'
+                }
+                if (!isCdnBuild) return
+                if (id.includes('dialog')) {
+                  return 'dialog'
+                }
+              }
+            }
+          }
+        },
+        define: {
+          LATEST_COMMIT_HASH: JSON.stringify(latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')),
+        },
+        base: './',
+        resolve: {
+          alias: {
+            "@": pathResolve("src"),
+          },
+          extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
+        },
+        css: {
+          preprocessorOptions: {
+            scss: {
+              api: "modern-compiler"
+            }
+          }
+        },
+        server: {
+          port: 3000,
+          open: false,
+          host: '0.0.0.0',
+          proxy: {
+            '/baidu': 'https://api.fanyi.baidu.com/api/trans/vip/translate'
+          }
+        }
+      })
+    })
+  })
+})