vite 打包正式环境 require is not defined

vite 不支持 require 引入文件,静态资源修改网上有一堆方法,这里不做赘述。

当我们使用某些第三方 npm 包时,包里面使用 require 引入资源文件就会导致打包正式环境报错,而开发环境能够正常运行。

例如我使用的是 @walletconnect/[email protected] 包,导致正式环境报错

需要进行如下修改
vite.config.ts/vite.config.js 文件

defineConfig({
	// ...,
	build: {
        // ...,
        commonjsOptions: {
            transformMixedEsModules: true
        }
    }
})

一些文档
vite 打包正式环境 require is not defined_第1张图片
vite 打包正式环境 require is not defined_第2张图片
vite 打包正式环境 require is not defined_第3张图片

你可能感兴趣的:(vite,前端)