网站建设图片居中代码,网页制作题怎么编辑,建筑案例分析模板,网页设计教程详细vite3 导入commonJS 方式导出
在Vite 3中#xff0c;你可以通过配置vite.config.js来实现导入CommonJS#xff08;CJS#xff09;风格的模块。Vite 默认支持ES模块导入#xff0c;但如果你需要导入CJS模块#xff0c;可以使用特定的插件#xff0c;比如originjs/vite-pl…vite3 导入commonJS 方式导出
在Vite 3中你可以通过配置vite.config.js来实现导入CommonJSCJS风格的模块。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.jsconst siteInfo require(./siteinfo.js); 如果是使用uniapp ts vue3 打包app的时候还会遇到一个问题看下面这篇文章
解决vite打包出现 “default“ is not exported by “node_modules/...问题-CSDN博客
