import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ // 插件 plugins: [vue()], // 开发服务器 server: { port: 8080, open: true, host: '0.0.0.0', proxy: { '/api': { target: 'http://localhost:3001', changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') } } }, // 路径别名 resolve: { alias: { '@': path.resolve(__dirname, 'src'), '@components': path.resolve(__dirname, 'src/components'), '@assets': path.resolve(__dirname, 'src/assets') } }, // 打包配置 build: { outDir: 'dist', assetsDir: 'assets', minify: 'terser', terserOptions: { compress: { drop_console: true, drop_debugger: true } }, chunkSizeWarningLimit: 1500 }, // CSS预处理器 css: { preprocessorOptions: { scss: { additionalData: `@import "@/styles/variables.scss";` } } } })
一、基础结构相关属性
| 属性 | 完整写法 | 含义 | 通俗解释 |
|---|
defineConfig | import { defineConfig } from 'vite' | Vite 提供的配置包装函数 | 不用这个函数也能写配置，但用了之后编辑器会给你自动提示（比如 VSCode），避免 |
