🆕 项目初始化,页面布局待修改完善

2024-12-01 19:02:48 +08:00
commit 6ebf253598
229 changed files with 32894 additions and 0 deletions
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,90 @@
+import { defineConfig } from 'vite'
+
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath, URL } from 'url'
+
+import AutoImport from 'unplugin-auto-import/vite'
+import { visualizer } from 'rollup-plugin-visualizer'
+import Components from 'unplugin-vue-components/vite'
+import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
+import viteCompression from 'vite-plugin-compression'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+	console.log(mode)
+	return {
+		resolve: {
+			alias: {
+				'@': fileURLToPath(new URL('./src', import.meta.url)),
+			},
+		},
+		optimizeDeps: {
+			include: ['@ant-design/icons-vue', 'ant-design-vue'],
+		},
+		plugins: [
+			vue(),
+			vueJsx(),
+			vueDevTools(),
+			process.env.npm_lifecycle_event === 'report'
+				? visualizer({ open: true, brotliSize: true, filename: 'report.html' })
+				: null,
+			viteCompression({
+				threshold: 1024000, // 对大于 1mb 的文件进行压缩
+			}),
+			AutoImport({
+				dts: 'src/auto-imports.d.ts',
+				imports: ['vue', 'vue-router', '@vueuse/core'],
+
+				eslintrc: {
+					enabled: true,
+					filepath: './.eslintrc-auto-import.json',
+					globalsPropValue: true,
+				},
+			}),
+			Components({
+				dts: 'src/components.d.ts',
+				deep: true,
+				dirs: ['src/components'],
+				extensions: ['vue', 'tsx'],
+				resolvers: [
+					AntDesignVueResolver({
+						importStyle: false,
+					}),
+				],
+			}),
+		],
+		server: {
+			open: true,
+			proxy: {
+				'/api': {
+					// target: 'https://iot.riemann.tech/api/',
+          			target: 'http://127.0.0.1:7777',
+					changeOrigin: true,
+					rewrite: (path) => path.replace(/^\/api/, ''),
+				},
+			},
+		},
+		esbuild: {
+			drop: ['console', 'debugger'], // 删除 所有的console 和 debugger
+		},
+		build: {
+			chunkSizeWarningLimit: 1500,
+			rollupOptions: {
+				output: {
+					//每个node_modules模块分成一个js文件
+					manualChunks(id) {
+						if (id.includes('node_modules')) {
+							return id.toString().split('node_modules/')[1].split('/')[1].toString()
+						}
+					},
+					// 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
+					entryFileNames: 'assets/js/[name].[hash].js', // 用于命名代码拆分时创建的共享块的输出命名
+					chunkFileNames: 'assets/js/[name].[hash].js', // 用于输出静态资源的命名，[ext]表示文件扩展名
+					assetFileNames: 'assets/[ext]/[name].[hash].[ext]',
+				},
+			},
+		},
+	}
+})