当前位置: 首页 > 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博客

http://www.lryc.cn/news/436793.html

相关文章:

  • 通义灵码用户说:“人工编写测试用例需要数十分钟,通义灵码以毫秒级的速度生成测试代码,且准确率和覆盖率都令人满意”
  • MySQL中的约束
  • Leetcode 寻找重复数
  • 大一新生以此篇开启你的算法之路
  • 【AI大模型】ChatGPT模型原理介绍(上)
  • 基于UE5和ROS2的激光雷达+深度RGBD相机小车的仿真指南(五):Blender锥桶建模
  • C++竞赛初阶L1-15-第六单元-多维数组(34~35课)557: T456507 图像旋转
  • 无线领夹麦克风哪个牌子好?西圣、罗德、猛犸领夹麦克风深度评测
  • React Native 0.76,New Architecture 将成为默认模式,全新的 RN 来了
  • Java并发:互斥锁,读写锁,Condition,StampedLock
  • 客户端负载均衡Ribbon实例
  • MySQL数据库负载均衡
  • 达梦CASE_SENSITIVE参数解析
  • 酒店智能轻触开关工作原理
  • web基础之RCE
  • c语言--水仙花数,求Sn的前五项和
  • SpringBoot教程(二十八) | SpringBoot集成Elasticsearch(Java High Level Rest Client方式)
  • 【Vue3】常用的响应式数据类型
  • 搭建本地DVWA靶场教程 及 靶场使用示例
  • 60. n 个骰子的点数【难】
  • 高性能编程:无锁队列
  • word标题排序编号错误
  • 力扣---80. 删除有序数组中的重复项 II
  • 一篇文章,讲清SQL的 joins 语法
  • 设计模式之建造者模式(通俗易懂--代码辅助理解【Java版】)
  • 文生视频算法
  • LoRA: Low-Rank Adaptation Abstract
  • 正点原子阿尔法ARM开发板-IMX6ULL(二)——介绍情况以及汇编
  • Unreal Engine——AI生成高精度的虚拟人物和环境(虚拟世界构建、电影场景生成)(一)
  • Emlog程序屏蔽用户IP拉黑名单插件