uniapp vite3 require导入commonJS 的js文件方法

本文主要是介绍uniapp vite3 require导入commonJS 的js文件方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vite3 导入commonJS 方式导出

在Vite 3中，你可以通过配置vite.config.js来实现导入CommonJS（CJS）风格的模块。Vite 默认支持ES模块导入，但如果你需要导入CJS模块，可以使用特定的插件，比如@originjs/vite-plugin-commonjs。

首先，你需要安装插件：

npm install @originjs/vite-plugin-commonjs --save-dev

然后，在uniapp项目根目录新建 vite.config.js， 并在里面配置插件：

import { defineConfig } from 'vite';
import uni from "@dcloudio/vite-plugin-uni";
import  { viteCommonjs }   from '@originjs/vite-plugin-commonjs';export default defineConfig( {plugins:[uni(), viteCommonjs(), //解决require微擎siteinfo.js 的commonJS方式],})

然后就可以在项目里面使用require引入，使用module.exports导出了,如下案例

module.exports = printerJobs;import PrinterJobs from '@/js_sdk/print/printerjobs.js'const siteInfo = require('./siteinfo.js');

如果是使用uniapp ts vue3 打包app的时候还会遇到一个问题，看下面这篇文章：

解决vite打包出现 “default“ is not exported by “node_modules/...问题-CSDN博客

这篇关于uniapp vite3 require导入commonJS 的js文件方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---