upd: change navBar fontSize

Author: ATRIOR-LCL

package.json

@@ -79,13 +79,15 @@
     "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-vue": "^2.3.4",
     "@vue/eslint-config-typescript": "^12.0.0",
+    "autoprefixer": "^10.4.21",
     "concurrently": "^7.0.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.56.0",
     "eslint-config-alloy": "^4",
     "eslint-plugin-vue": "^9.19.2",
     "less": "^4.1.2",
+    "postcss": "^8.5.6",
     "prettier": "^2.5.1",
     "rimraf": "^4",
     "ts-node-dev": "^1.1.8",

pnpm-lock.yaml

@@ -1,7 +1,8 @@
 <script lang="ts">
-import { Vue } from 'vue-class-component';
+import { Vue, Options } from 'vue-class-component';
 import DataConfig from '@client/utils/data.config';
 
+@Options({})
 export default class HomeFooter extends Vue {
   getLinks() {
     return {

src/client/components/home-footer.vue

@@ -85,8 +85,6 @@ export default class Display extends Vue {
     <main class="content-main">
       <header class="content-main-title">
         <h1>
-          <!-- Born for <br v-if="isMobile" />programming <br />
-          beginners -->
           为编程初学者而生
         </h1>
         <h2>一键配置现代的 C++、Python 和 VSCode 编程环境</h2>

src/client/modules/home/display.vue

@@ -8,7 +8,7 @@ const isProd = process.env.NODE_ENV === 'production';
 module.exports = defineConfig(({ mode }) => {
   // 加载环境变量
   const env = loadEnv(mode, process.cwd(), '');
-  
+
   return {
     server: {
       host: '0.0.0.0', // 允许局域网访问
@@ -18,7 +18,8 @@ module.exports = defineConfig(({ mode }) => {
       },
     },
     // If using CDN, you can set base like 'https://yourcdn.com/dist/'
-    base: isProd ? '/dist/' : undefined,
+    // base: isProd ? '/dist/' : undefined,
+    base: './',
     define: {
       'process.env': {
         BWCX_RUNTIME_SCOPE: JSON.stringify('client'),
@@ -31,10 +32,37 @@ module.exports = defineConfig(({ mode }) => {
         '@public': path.resolve(__dirname, './public'),
         '@client': path.resolve(__dirname, './src/client'),
         '@common': path.resolve(__dirname, './src/common'),
+        '@': path.resolve(__dirname, './src'),
       },
     },
     build: {
       sourcemap: true,
+      // 解决 @charset 警告
+      cssCodeSplit: true,
+      // 增加文件大小警告限制
+      chunkSizeWarningLimit: 800,
+    },
+    // CSS 预处理器配置
+    css: {
+      preprocessorOptions: {
+        less: {
+          // 解决 @charset 冲突
+          charset: false,
+        },
+      },
+      // 添加 PostCSS 配置来处理 @charset
+      postcss: {
+        plugins: [
+          {
+            postcssPlugin: 'remove-charset',
+            Once(root) {
+              root.walkAtRules('charset', (rule) => {
+                rule.remove();
+              });
+            }
+          }
+        ]
+      }
     },
     plugins: [
       viteSSR({