vite配置(vite.conifg.js)(2024-5-28)
在Vite中,配置文件通常命名为vite.config.js
。以下是一个基本的配置文件示例,它演示了如何设置Vite的基本功能:
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
server: {
port: 3000,
open: true,
},
build: {
outDir: 'dist',
},
});
在这个配置中:
plugins
用于配置插件,这里配置了React插件。resolve.alias
用于配置路径别名,使得在项目中可以使用简短的路径代替长路径。server
用于配置开发服务器的选项,比如端口和是否自动打开浏览器。build.outDir
用于配置构建过程中的输出目录。
请根据你的项目需求进行相应的配置调整。
评论已关闭