在vite打包时会遇到require is not defined的问题，那么可能导致的情况可能有

require is not defined

在项目中排查原因时发现是打包配置中的【vite-plugin-require-transform】插件导致。

大概意思是这个插件在做插件转换功能时 识别到需要使用require，但是没没有找到能使用的。
因此，我们将插件做好配置就行。

并且还有课能导致的一个打包问题就是

解决方法: 下载对应插件再设置好打包配置

1. 去除vite-plugin-require-transform插件（如果有的话）

2. 下载【vite-plugin-commonjs】插件

npm i vite-plugin-commonjs -S

3. 引入【vite-plugin-commonjs】插件

大概代码表现为：

// import requireTransform from "vite-plugin-require-transform";
import commonjs from 'vite-plugin-commonjs';

export default defineConfig({
  plugins: [
    react(),
    commonjs(),
    // requireTransform({
    //   fileRegex: /.js$|.jsx$/,
    // }),
  ],

这个项目是用react+vite写的。对于vue+vite也可以同样使用这个打包环境配置的。

end，讲解完毕，谢谢观看！