Vue3+vite项目 使用require 解决 ReferenceError: require is not defined 报错问题

报错

ReferenceError: require is not defined

排查原因

1.vite推荐import导入依赖，不支持require导入；

2.项目存在使用了require导入其他依赖的三方依赖，且依赖不能/不方便更改；

3.vite开发模式不会编译依赖内容，所以运行不会报错

解决方式

1. 安装vite插件vite-plugin-commonjs：

npm i vite-plugin-commonjs --save-dev

pnpm i vite-plugin-commonjs --save-dev

2. 配置vite.config.js (这里我是用的js):

import commonjs from 'vite-plugin-commonjs';
export default defineConfig({
  plugins: [
    vue(),
    commonjs()
  ],
})