首页 > 其他分享 >vite无法使用require的替代方案

vite无法使用require的替代方案

时间:2023-08-13 16:35:01浏览次数:38  
标签:const require webpack 复制 替代 代码 vite

vite无法使用require的替代方案

lowMan 2022-01-18 23:056631  

webpack

  javascript 复制代码
const modulesFiles = require.context('./modules', true, /.js$/)

vite

  arduino 复制代码
const modulesFiles = import.meta.globEager("./modules/*.js")

图片引入: webpack通过require引入的图片;不加require,图片会引入不成功;

webpack

  ini 复制代码
const img = require(‘@/images/log.png’);

vite 在vite中不需要添加require,可以直接通过路径引入

  ini 复制代码
const img = ‘/images/log.png’;

标签:const,require,webpack,复制,替代,代码,vite
From: https://www.cnblogs.com/mouseleo/p/17626706.html

相关文章

  • RunnerGo的相比较JMeter优势,能不能替代?
    目前在性能测试领域市场jmeter占有率是非常高的,主要原因是相对比其他性能测试工具使用更简单(开源、易扩展),功能更强大(满足多种协议的接口),但是随着研发协同的升级,平台化的性能测试工具更能高效的基于团队开展协作,比如我们今天要说的开源测试平台RunnerGo。性能测试工具平台化优势Runn......
  • SSDB Redis替代品
    SSDB是一个快速的用来存储十亿级别列表数据的开源NoSQL数据库。项目地址:https://github.com/ideawu/ssdbhttp://ssdb.io/特性替代 Redis 数据库,Redis的100倍容量LevelDB网络支持,使用C/C++开发RedisAPI兼容,支持Redis客户端适合存储集合数据,如list,hash,zse......
  • vu3+vite项目单独添加ESLint
    安装完依赖后,项目的根目录下会自动生成.eslintrc.cjs文件如下:module.exports={"env":{"browser":true,"es2021":true},"extends":["standard-with-typescript","plugin:vue......
  • uniapp Vue2升级Vue3使用Vite分包
    uniappVue2使用webpack打包配置根目录下创建vue.config.js文件constpath=require('path')constCopyWebpackPlugin=require('copy-webpack-plugin')//最新版本copy-webpack-plugin插件暂不兼容,推荐v5.0.0letfilePath=''letTimestamp=''//......
  • vue3+vite+view-ui-plus 实现按需引用
    现有项目使用的是vue3+vite+view-ui-plus由于公司要求秒开速度对h5页面进行优化,首先想到的是把组件的引用从全量引用打包改成按需引用;下面是改之前的 view-ui-plus引用配置,简单粗暴直接在main.ts中引用  importViewUIPlusfrom'view-ui-plus'import'view-ui-plus/d......
  • .configure error SSL modules require the OpenSSL library.
    CentOS6.5下安装Tengine执行配置命令./configure时提示以下错误:./configure:error:SSLmodulesrequiretheOpenSSLlibrary.Youcaneitherdonotenablethemodules,orinstalltheOpenSSLlibraryintothesystem,orbuildtheOpenSSLlibrarystaticallyfromt......
  • DPU替代网络可视化专用设备实现业务报文深度处理
    网络可视化中的深度业务处理网络可视化场景中,通常需要将采集过来的数据经过深度业务处理后再交给后端分析系统。这些深度业务处理功能包括:传统的深度业务处理通常由带CPU的框式设备完成,但框式设备成本高、功耗大、扩展不够灵活的种种给客户带来了极大的困扰。DPU算力的池化应用Heli......
  • vue3 + vite + vue-router 4.x项目在router文件中使用pinia报错
    1.背景vue-router4.x版本,想在路由文件中引入并使用pinia后报错如下:表面意思是getActivePinia()方法在pinia还没有激活的时候被调用,导致报错。2.解决方法在stores文件夹下新建pinia.js文件,用来引入并创建pinia实例。import{createPinia}from"pinia";const......
  • NOTE: mbedtls 2.28 is required for TLS support!
    NOTE:mbedtls2.28isrequiredforTLSsupport!"这个提示表示您需要安装版本为2.28或更高版本的mbedtls库,以便为您正在构建或使用的软件启用TLS(传输层安全)支持。TLS用于在网络上建立安全通信,通常在HTTPS连接中使用。sudoaptinstalllibmbedtls-dev......
  • vite+vue 在html中通过script引入的文件在使用时,部署后却无法获取文件中的方法
    今天在写项目的时候,遇到了一个奇怪的问题,我再html中使用script全局引入了一个js文件,但是在组件中使用window.xxx的时候却报错了,说没有这个方法,在本地几次测试都是好的。报错前相关版本:"@vitejs/plugin-vue-jsx":"^2.0.0","@vitejs/plugin-vue":"^2.2......