如何配置vite.config.ts以优化项目性能和开发体验？

本文共计570个文字，预计阅读时间需要3分钟。

目录：

1.vite.config.ts 文件的配置

1. alias 配置别名 2. 关于 path 的引入

2.Vite 项目在 Jenkins 自动打包报错

1. 两种解决方案

3.vite.config.ts 文件的配置

- 使用 `import { defineConfig } from 'vite'` - 使用 `import vue from '@vitejs/plugin-vue'`

目录

• vite.config.ts文件的配置
• 1、alias配置别名
• 2、关于path的引入
• vite项目在jenkins自动打包报错
• 2种解决方案

vite.config.ts文件的配置

import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // vitejs.dev/config/ export default defineConfig({ plugins: [vue()], // 注册插件 server: { open: true }, resolve: { alias: { // 如果报错__dirname找不到，需要安装node,执行yarn add @types/node --save-dev "@": path.resolve(__dirname, "src"), "comps": path.resolve(__dirname, "src/components"), } } })

1、alias配置别名

如果报错__dirname找不到，需要安装node,

执行yarn add @types/node --save-dev

2、关于path的引入

不要再使用 let path = require(‘path’)

使用 import path from ‘path’ 进行引入

vite项目在jenkins自动打包报错

failed to load config from ../vite.config.js You installed esbuild on

vite项目在jenkins自动打包报错找不到esbuild-linux-64

在window环境开发用的找不到esbuild-windows-64，在linux环境构建需要使用esbuild-linux-64，找不到esbuild-linux-64就会报错

实际报错：

error during build:
11:21:11 Error:
11:21:11 You installed esbuild on another platform than the one you're currently using.
11:21:11 This won't work because esbuild is written with native code and needs to
11:21:11 install a platform-specific binary executable.
11:21:11
11:21:11 Specifically the "esbuild-windows-64" package is present but this platform
11:21:11 needs the "esbuild-linux-64" package instead. People often get into this
11:21:11 situation by installing esbuild on Windows or macOS and copying "node_modules"
11:21:11 into a Docker image that runs Linux, or by copying "node_modules" between
11:21:11 Windows and WSL environments.

报错原因： vite在linux环境打找不到esbuild-linux-64

2种解决方案

1、在linux环境下，打包前先 npm i esbuild-linux-64

2、在外网windows环境下运行以下命令（可在版本号去package-lock.json中查看esbuild-linux-64版本号后自行修改下载）

curl -O registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.34.tgz

下载后解压得到package文件夹，将其改名为esbuild-linux-64复制到当前项目node_modules目录下即可

以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。