vite5 +TS+Vue3 打包，解決 process is not defined

打包发布完成的项目首页打不开，发现是process is not defined 问题

要先找到那里的process未定义，然后就容易解决了。

vite.config.ts 文件修改

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

 

import path from 'path'

import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// https://vitejs.dev/config/

export default defineConfig({

// path.js:25 Uncaught ReferenceError: process is not defined at node_modules/path/path.js

define: {

 'process.env': {},

  "process.platform": {},

},

plugins: [vue(),

// 注册所有的svg文件生成svg雪碧图

createSvgIconsPlugin({

iconDirs: [path.resolve(process.cwd(), "src/icons/svg")], // icon存放的目录

symbolId: "icon-[name]", // symbol的id

inject: "body-last", // 插入的位置

customDomId: "__svg__icons__dom__" // svg的id

})

],

修改了标红的部分，问题顺利解决。