diff --git a/.env.production b/.env.production
index 8b0b652..98dff9b 100644
--- a/.env.production
+++ b/.env.production
@@ -1,5 +1,8 @@
 # 是否开启压缩资源
 VITE_COMPRESS_OPEN=N
 
-# gzip | brotliCompress | deflate | deflateRaw
-VITE_COMPRESS_TYPE=gzip
\ No newline at end of file
+# 压缩算法 gzip | brotliCompress | deflate | deflateRaw
+VITE_COMPRESS_TYPE=gzip
+
+# 是否开启打包依赖分析
+VITE_VISUALIZER=N
diff --git a/.gitignore b/.gitignore
index d710410..882137c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+stats.html
 
 # Editor directories and files
 .vscode/*
diff --git a/build/plugins/index.ts b/build/plugins/index.ts
index 1b2ba69..723b35b 100644
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -2,6 +2,7 @@ import vue from './vue';
 import compress from './compress';
 import html from './html';
 import unocss from './unocss';
+import visualizer from './visualizer';
 
 /**
  * @description: 设置vite插件配置
@@ -10,10 +11,13 @@ import unocss from './unocss';
  */
 export function setVitePlugins(env) {
   const plugins = [...vue, html(env), unocss];
-
+  // 是否压缩
   if (env.VITE_COMPRESS_OPEN === 'Y') {
     plugins.push(compress(env));
   }
-
+  // 是否依赖分析
+  if (env.VITE_VISUALIZER === 'Y') {
+    plugins.push(visualizer);
+  }
   return plugins;
 }
diff --git a/build/plugins/unocss.ts b/build/plugins/unocss.ts
index 06b7cc9..c8040e4 100644
--- a/build/plugins/unocss.ts
+++ b/build/plugins/unocss.ts
@@ -1,3 +1,6 @@
 import Unocss from 'unocss/vite'; // https://github.com/unocss/unocss
+import { presetUno, presetAttributify, presetIcons } from 'unocss';
 
-export default Unocss();
+export default Unocss({
+  presets: [presetUno(), presetAttributify(), presetIcons()],
+});
diff --git a/build/plugins/visualizer.ts b/build/plugins/visualizer.ts
new file mode 100644
index 0000000..eea8649
--- /dev/null
+++ b/build/plugins/visualizer.ts
@@ -0,0 +1,6 @@
+import { visualizer } from 'rollup-plugin-visualizer'; // https://github.com/btd/rollup-plugin-visualizer
+export default visualizer({
+  gzipSize: true,
+  brotliSize: true,
+  open: true,
+});
diff --git a/package.json b/package.json
index e9a5031..19eb0e4 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,7 @@
     "husky": "^8.0.0",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
+    "rollup-plugin-visualizer": "^5.7.1",
     "typescript": "^4.6.4",
     "unocss": "^0.45.5",
     "vite": "^3.0.0",
diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 718d7ab..830dfae 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -12,7 +12,7 @@
   <router-view></router-view>
 </template>
 
-<script>
+<script lang="ts">
 export default {};
 </script>
 
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
index e57b60e..816ad0f 100644
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@@ -7,6 +7,8 @@ interface ImportMetaEnv {
   readonly VITE_HTTP_PROXY?: 'Y' | 'N';
   /** 是否开启打包压缩 */
   readonly VITE_COMPRESS?: 'Y' | 'N';
+  /** 是否开启打包依赖分析 */
+  readonly VITE_VISUALIZER?: 'Y' | 'N';
   /** 压缩算法类型 */
   readonly VITE_COMPRESS_TYPE?: 'gzip' | 'brotliCompress' | 'deflate' | 'deflateRaw';
   /** hash路由模式 */
diff --git a/src/views/test/test1.vue b/src/views/test/test1.vue
index 672bdb3..0e65823 100644
--- a/src/views/test/test1.vue
+++ b/src/views/test/test1.vue
@@ -1,6 +1,6 @@
 <template>
-  <div style="text-align: center">I prove that you have made the jump test1.</div>
-  <div class="c-yellow">Uno css</div>
+  <div text-center bg-green-500 rounded c-rose>I prove that you have made the jump test1.</div>
+  <div text-center c-yellow>Uno css</div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/test/test2.vue b/src/views/test/test2.vue
index 81b3ccb..a098e6f 100644
--- a/src/views/test/test2.vue
+++ b/src/views/test/test2.vue
@@ -1,5 +1,10 @@
 <template>
   <div style="text-align: center">I prove that you have made the jump test2.</div>
+  <button
+    class="py-2 px-4 font-semibold rounded-lg shadow-md text-white bg-green-500 hover:bg-green-700 border-none cursor-pointer"
+  >
+    Click me
+  </button>
 </template>
 
 <script setup lang="ts">
diff --git a/vite.config.ts b/vite.config.ts
index 7dd50a5..291af5a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -25,7 +25,7 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
     },
     server: {
       host: '0.0.0.0',
-      port: 5200,
+      port: 3000,
       open: false,
       proxy: createViteProxy(env),
     },