vite.config.js详细配置

作者：System 时间：2024年08月07日分类：所有,javascript 字数：636

这篇文章距离上次修改已过307天，其中的内容可能已经有所变动。

在Vite中，vite.config.js文件用于配置项目的构建和开发服务器。以下是一些常见的配置选项及其用法示例：




import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 3000,
    open: true,
  },
  build: {
    outDir: 'dist',
    assetsDir: 'assets',
  },
});

解释：

plugins: 插件配置，这里使用了Vue的官方插件。
resolve.alias: 路径别名，可以使得在项目中导入模块时使用简短的路径。
server: 开发服务器配置，例如设置端口、是否自动打开浏览器等。
build: 构建配置，例如设置构建的输出目录和资源目录。

vite.config.js详细配置

评论已关闭

推荐阅读