当前位置: 首页 > article >正文

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


http://www.kler.cn/a/297964.html

相关文章:

  • 嵌入式 面试单片机面试题目分析和答案 IIC总线 IIC协议 SPI总线 I2C协议讲解 SPI和IIC协议对比比较SPI的工作模式比较 IIC基本概念讲解
  • Jupyter管理内核命令
  • 深入剖析 Netty 中 TCP 粘包和拆包问题的解决之道
  • 我的第3个AI项目-Advanced RAG with Gemma, Weaviate, and LlamaIndex
  • Rocky Linux9下安装Docker和卸载Docker
  • 彻底理解防抖和节流
  • 诫子书和译文
  • 游戏加速器行业需要办理什么许可证?
  • 开放式耳机是什么意思?深入解析开放式耳机的优缺点
  • Unreal Engine——AI生成高精度的虚拟人物和环境(虚拟世界构建、电影场景生成)(一)
  • adb 发送广播 恢复出厂
  • docker打印容器启动命令和输出dockerfile
  • JVM面试真题总结(五)
  • flutter图片资源加载处理
  • 【鼠鼠学AI代码合集#5】线性代数
  • Flutter框架——2.状态-路由-包-资源
  • centos7.9搭建mysql5.6主从
  • 2024国赛数学建模备赛|30种常用的算法模型之最优算法-层次分析法
  • 打造温馨家居,全屋智能家居解决方案
  • Linux 用户和组的增删改查,用户切换及权限超详细解读