perf- 添加全局样式

src/App.vue

@@ -11,19 +11,4 @@
     console.log('App Hide');
   });
 </script>
-<style lang="scss">
-  :not(not),
-  ::before,
-  ::after {
-    box-sizing: border-box;
-  }
-
-  /* 隐藏scroll-view的滚动条 */
-  ::-webkit-scrollbar {
-    display: none;
-    width: 0 !important;
-    height: 0 !important;
-    -webkit-appearance: none;
-    background: transparent;
-  }
-</style>
+<style lang="scss"></style>

src/assets/style/main.scss

@@ -0,0 +1,14 @@
+:not(not),
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+/* 隐藏scroll-view的滚动条 */
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}

vite.config.ts

@@ -23,6 +23,13 @@ export default defineConfig({
       cache: false,
     }),
   ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: '@import "@/assets/style/main.scss";',
+      },
+    },
+  },
   resolve: {
     alias: {
       '@': resolve('./src'),