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 用于配置构建过程中的输出目录。

请根据你的项目需求进行相应的配置调整。

vite配置（vite.conifg.js）（2024-5-28）

评论已关闭

推荐阅读