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

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • mysql可重复读不能解决幻读吗?
  • 安宝特科技 | AR眼镜在安保与安防领域的创新应用及前景
  • 实时地图+瞬移,黑神话地图工具来了
  • LLM模型:代码讲解Transformer运行原理
  • 快速排序的深入优化探讨
  • RedisCache存入redis的数据key为何name和id的分隔符是两个冒号::
  • 2024年高教社杯全国大学生数学建模竞赛A题思路(2024数学建模国赛A题思路)
  • 【Effective Java】多构造器参数使用构建器 (快速上手)
  • 【HuggingFace Transformers】OpenAIGPTModel源码解析
  • MySQL学习--加强
  • MATLAB算法实战应用案例精讲-【人工智能】数据集市(概念篇)
  • 电子发射与气体导电
  • 【免费分享】25秋招提前批25秋招信息表
  • 《Cloud Native Data Center Networking》(云原生数据中心网络设计)读书笔记 -- 09部署OSPF
  • Gitflow基础知识
  • 【Leetcode】101. 对称二叉树
  • Fastjson的基本使用方法大全
  • golang中接口赋值与方法集
  • iOS编译提示和导航提示
  • node入门
  • tensorflow学习笔记3——MNIST应用篇
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • 成为一名优秀的Developer的书单
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 力扣(LeetCode)22
  • 删除表内多余的重复数据
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 转载:[译] 内容加速黑科技趣谈
  • 第二十章:异步和文件I/O.(二十三)
  • ​​​​​​​​​​​​​​Γ函数
  • ​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​
  • "无招胜有招"nbsp;史上最全的互…
  • # 计算机视觉入门
  • #NOIP 2014# day.1 T2 联合权值
  • #我与Java虚拟机的故事#连载19:等我技术变强了,我会去看你的 ​
  • (6) 深入探索Python-Pandas库的核心数据结构:DataFrame全面解析
  • (Charles)如何抓取手机http的报文
  • (非本人原创)史记·柴静列传(r4笔记第65天)
  • (附源码)计算机毕业设计SSM基于java的云顶博客系统
  • (附源码)计算机毕业设计SSM智能化管理的仓库管理
  • (每日持续更新)jdk api之StringBufferInputStream基础、应用、实战
  • (七)MySQL是如何将LRU链表的使用性能优化到极致的?
  • (十七)Flink 容错机制
  • (四)汇编语言——简单程序
  • (原創) 如何優化ThinkPad X61開機速度? (NB) (ThinkPad) (X61) (OS) (Windows)
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • **CI中自动类加载的用法总结
  • .Net 6.0 处理跨域的方式
  • .NET C# 使用 SetWindowsHookEx 监听鼠标或键盘消息以及此方法的坑
  • .net core Swagger 过滤部分Api
  • .NET Core中Emit的使用
  • .net SqlSugarHelper
  • .net 简单实现MD5
  • .Net的DataSet直接与SQL2005交互
  • .NET连接数据库方式