当前位置: 首页> 教育> 培训 > uniapp vite3 require导入commonJS 的js文件方法

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

时间:2025/7/10 8:45:57来源:https://blog.csdn.net/weixin_42333548/article/details/141953715 浏览次数:0次

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文件方法

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: