解决Vite中不能使用require的问题

为什么在 Vite 中不能使用 require

由于 Vite 使用 ES 模块作为默认的模块系统，并没有内置对 CommonJS 的支持，所以如果我们希望在 Vite 构建的项目中使用 require 则需要通过一些特定的插件

解决方案

1、安装依赖

// 1. 通过 yarn 安装
yarn add -D vite-plugin-require-transform 

or

// 2. 通过 npm 安装
npm i vite-plugin-require-transform --save-dev

2、在 vite.config.js 中进行配置

import { defineConfig } from 'vite'
import requireTransform from 'vite-plugin-require-transform' // 1. 引入插件

export default defineConfig({
    plugins: [
        // 2. 添加以下代码
        requireTransform({
            fileRegex: /.js$|.vue$/,
        }),
    ],
})

3. 重启项目

按照以上方法即可解决 Vite 中不能使用 require 的问题