更多配置参考:https://vitejs.dev
vite.config.ts
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
const fs = require("fs") const path = require("path") // Dotenv 是一个零依赖的模块,它能将环境变量中的变量从 .env 文件加载到 process.env 中 const dotenv = require("dotenv") const envFiles = [ /** default file */ `.env`, /** mode file */ `.env.${process.env.NODE_ENV}` ] for (const file of envFiles) { const envConfig = dotenv.parse(fs.readFileSync(file)) for (const k in envConfig) { process.env[k] = envConfig[k] } } module.exports = { alias: { '/@/': path.resolve(__dirname, './src') }, optimizeDeps: { include: ['echarts'] }, hostname: process.env.VITE_HOST, port: process.env.VITE_PORT, // 引用全局 scss cssPreprocessOptions: { scss: { additionalData: '@import "./src/assets/style/index.scss";' } }, // 压缩 minify: 'esbuild', // 是否自动在浏览器打开 open: false, // 是否开启 https https: false, // 服务端渲染 ssr: false, /** * Base public path when served in production. * @default '/' */ base: process.env.VITE_BASE_URL, /** * Directory relative from `root` where build output will be placed. If the * directory exists, it will be removed before the build. * @default 'dist' */ outDir: process.env.VITE_OUTPUT_DIR, // 反向代理 proxy: { api: { target: "http://www.skillnull.com", changeOrigin: true, rewrite: path => path.replace(/^\/api/, "") } } } |
.env
1 2 3 4 5 |
# loaded in all cases VITE_HOST = '0.0.0.0' VITE_PORT = 8080 VITE_BASE_URL = './' VITE_OUTPUT_DIR = 'dist' |
&[……]