草庐IT

vite-plugin-compression

全部标签

vue3.2+vite+代理,使用websocket

之前以为websocket复杂,想使用插件来实现,查了一番资料,原生写法就很简单。项目需求查询列表,需要实时获取员工上报的数据代码部分Table.vuescriptsetuplang="ts">import{ref,onUnmounted}from"vue";//页面卸载,关闭socketonUnmounted(()=>{closeWebSocket();});//这里后端接口需要用登录的用户id,通过session获取constuserInfo=getSessStorage("userInfo")as{userId:string};//WebSocketconstws=ref();const

【gradle构建spring源码报错io.spring.gradle:propdeps-plugin:0.0.9.RELEASE】

gradle构建源码报错找不到io.spring.gradle:propdeps-plugin:0.0.9.RELEASE使用gradle4.10.3构建spring5.1.8源码时报错尝试按照百度的方法更换阿里云仓库(未成功,报403错误),添加spring仓库(未成功,报401错误),报错未找到插件,猜测是仓库中插件的路径有问题,选择在仓库里找propdeps关键字搜索,最终的文件修改部分如下:build.gradle如下:buildscript{ repositories{ maven{url"https://maven.aliyun.com/repository/gradle-plu

Vite 4.0 发布,下一代的前端工具链

继在五个月前发布Vite3后,现在Vite4正式发布。如今npm每周的下载量从100万上升到250万,并继续保持增长。在今年的JamstackConf调查中,社区中的使用率从14%跃升至32%,同时保持了9.7分的高满意度。主要变化与Vite3相比,这个主要版本的更新幅度较小,主要目的是升级到Rollup3。我们已经与Vite生态中的各方合作,确保这个新的主要版本有一个平滑的升级路径。Rollup3Vite现在使用Rollup3,它让我们简化了Vite的内部资源处理,并有许多改进。点击这里查看Rollup3更新说明。框架插件脱离了Vitecoremonorepo@vitejs/plugin-v

Vite + Vue3 +Vant4构建项目时,按需引入使用Toast组件,引用 showToast 时出现编译报错的解决方案

Vite+Vue3+Vant4构建项目时,按需引入使用Toast组件,引用showToast时出现编译报错的解决方案文章目录Vite+Vue3+Vant4构建项目时,按需引入使用Toast组件,引用showToast时出现编译报错的解决方案一.问题定位二.以下为完整解决代码:局部引入Toast全局引入Toast一.问题定位在Vite+Vue3+Vant4构建项目时,需要使用Toast组件显示提示信息,按照官方文档使用函数调用/**函数调用*为了便于使用Toast,Vant提供了一系列辅助函数,通过辅助函数可以快速唤起全局的Toast组件。*比如使用showToast函数,调用后会直接在页面中渲

uniapp:H5打包部署到github后文件`_plugin-vue_export-helper`访问不到

问题描述uniappH5打包部署到github后,下划线开头的一个文件_plugin-vue_export-helper访问不到,网络请求显示404解决办法需要修改配置vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//eslint-disable-next-lineno-control-regexconstINVALID_CHAR_REGEX=/[\u0000-\u001F"#$&*+,:;?[\]^`{|}\u007F]/g;constDRIVE_LETTER_REGEX=/^[a-z

Vite实现版本更新检查,实现页面自动刷新

前端版本更新检查,实现页面自动刷新使用vite对项目进行打包,对js和css文件使用了chunkhash进行了文件缓存控制,但是项目的index.html文件在版本频繁迭代更新时,会存在被浏览器缓存的情况。在发版后,如果用户不强制刷新页面,浏览器会使用旧的index.html文件,在跳转页面时会向服务器端请求了上个版本chunkhash的js和css文件,但此时的文件已经在版本更新时已替换删除了,最终表现为页面卡顿,控制台报错404。解决思路思路1服务器端发版时,上一个版本的assets内的文件不删除。缺点是会随着频繁发版,服务器端前端项目文件会越来越多,浪费空间;若旧页面的接口涉及到参数改动

搭建 vite + vue3 + tsx 项目

锁死npm版本号npmconfigsetsave-prefix=''1.创建项目以下命令二选一pnpmcreatevite@2.9.0mangosteen-fe-1----templatevue-tsnpmcreatevite@2.9.0mangosteen-fe-1----templatevue-ts然后进入项目,分别运行pnpmrundevpnpmrunbuild运行build的时候报错解决方法:在tsconfig.json里添加{"compilerOptions":{+"skipLibCheck":true,}}buildpath把HTML、CSS、JS部署到GitHub或服务器时必须配

vite vue3 config配置篇

关于vite初始化项目参考自https://vitejs.cn/配置基于自生产上线项目所使用配置vite.config.js导入模块内容import{defineConfig}from'vite'#vite配置importvuefrom'@vitejs/plugin-vue'#vueimportvueJsxfrom'@vitejs/plugin-vue-jsx'#支持jsximportviteSvgIconsfrom'vite-plugin-svg-icons'#svgimport{resolve}from"path";#引用项目地址importOptimizationPersistfrom'

运行 Vue项目出现报错:10% building 2/5 modules 3 active ...dmin\node_modules\@vue\cli-plugin-eslint的解决方法

前言最近在运行vue项目时出现了很多错误,由于作者在这方面是个小白😏,这里特此记录一下问题及解决方法首先安装环境node.js,这里没有什么好说的。网上有很多教程❌问题一运行项目出现报错‘vue-cli-service’不是内部或外部命令,也不是可运行的程序或批处理文件。发现没有安装vue脚手架,安装完vue-cli脚手架后,运行命令vue-V查看版本信息,又出现报错vue:无法加载文件E:\Soft\Node\node_global\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的a

TinyMce富文本处理器 在Vue3 vue-vite中使用(小白避坑 必看)

我是觉得吧tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂经典模式|TinyMCE中文文档中文手册(ax-z.cn)首先安装依赖:这里先声明一下:TinyMce在4.0以后就不支持Vue2.0了,所以我们需要固定版本,或者降低版本!否则会报错vue3的下载命令如下$npminstall@tinymce/tinymce-vue-S$npminstalltinymce-Svue2的下载命令如下$npminstalltinymce@5.1.0-S$npminstall@tinymce/tinymce-vue@3.0.1-S编辑器本身是英文编辑器,所以还需要下载本地化文件(下载这