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博客