草庐IT

vite-plugin-compression

全部标签

Vue3的vite中图片的动态加载

第一种方式(适用于处理单个链接的资源文件)importhomeIconfrom'@/assets/images/home/home_icon.png'img:src="homeIcon"/>第二种方式-----图片在src目录下vite官网的静态资源引入参考地址newURL()+import.meta.urlconstgetAssetsFile=(url)=>{returnnewURL(`../assets/images/${url}`,import.meta.url).href}注意:这里只能通过…/…/这种方式去获取路径,无法通过@/assets第三种方式----图片在public目录下/

vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx

在使用vue3+vite+antdesignvue的时候,引入一些antd的一些组件的时候,通常运行是没有错的,但是打包会报错,例如:Rollupfailedtoresolveimport"D:/xxxxx/node_modules/ant-design-vue/es/form-item-rest/style/index"from"src/views/xxx/xxx.vue".15:01:51Thisismostlikelyunintendedbecauseitcanbreakyourapplicationatruntime.Ifyoudowanttoexternalizethismodule

【项目实战】使用Maven插件(jacoco-maven-plugin),实现生成代码覆盖率报告

一、jacoco-maven-plugin是啥?jacoco-maven-plugin是一个Maven插件,用于生成代码覆盖率报告。它可以帮助您了解您的代码中哪些部分已经被测试覆盖,哪些部分需要更多的测试。注意,jacoco-maven-plugin需要Java1.5或更高版本才能运行。二、使用jacoco-maven-plugin生成代码覆盖率报告的步骤:2.1在pom.xml文件中添加maven插件要使用jacoco-maven-plugin,需要在Maven项目中添加以下配置:build>plugins>plugin>groupId>org.jacocogroupId>artifactI

解决Idea中Cannot resolve plugin org.apache.maven.plugins:maven-clean-plugin:3.2.0配置问题

解决Idea中Cannotresolvepluginorg.apache.maven.plugins:maven-clean-plugin:3.2.0配置问题问题所在:今天遇到问题在idea创建springboot的时候遇到pom.xml报错解决办法:在pom.xml引入阿里云的镜像文章参考的链接问题所在:今天遇到问题在idea创建springboot的时候遇到pom.xml报错报错信息为:Cannotresolvepluginorg.apache.maven.plugins:maven-clean-plugin:3.2.0主要原因是因为maven没有加载这个解决办法:在pom.xml引入阿里

vite.config.js 关闭eslint

水平不高,能力有限,eslint报错实在是烦,只能关闭eslint,删去下面两行代码即可

创建一个vite+vue3项目详细教程

一、首先打开本地磁盘,找到一个存放路径 这里我选择将新建项目放置在E盘的demo->vitedemo路径下二、在该路径处打开命令行cmd 三、在打开的命令行中输入创建命令 注意在搭建之前要安装node.js环境依赖,并且确认你的版本Vite需要Node.js版本14.18+,16+。然而,有些模板需要依赖更高的Node版本才能正常运行,当你的包管理器发出警告时,请注意升级你的Node版本。执行命令:$npmcreatevite@latest起项目名称:这里我起了一个Vite,根据需求起名字即可。选择你需要的框架类型,由于我这里创建的是一个vue项目,所以选择了vue。选择语言,这里选择java

【开源打印组件】vue-plugin-hiprint初体验

vue-plugin-hiprint的学习与应用😄生命不息,写作不止🔥继续踏上学习之路,学之分享笔记👊总有一天我也能像各位大佬一样🏆一个有梦有戏的人@怒放吧德德🌝分享学习心得,欢迎指正,大家一起学习成长!生命不息,写作不止,养成良好的学习精神!hiprintvue-plugin-hiprint的学习与应用简介引入插件:代码简单介绍面板初始化预览直接打印批量打印保存JSON数据自定义组件简介本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesi

【几乎最全/全网最长的 2 万 字】前端工程化完整流程:从头搭到尾(vue3 + vite + qiankun + docker + tailwindcss + iview......)

文章目录一、完整构建流程1、在指定目录下执行pnpminit,初始化package.json2、执行pnpminstallvite-D,安装vite。3、package.json中增加启动、构建命令4、新建index.html5、根目录下新建src文件夹,并在其下方新建main.ts6、安装vue:pnpminstallvue7、根目录下新建env.d.ts文件,输入内容用以支持其他文件引入vue8、安装@vitejs/plugin-vue用于让vite支持vue文件的解析9、根目录下新建vite.config.ts,添加以下内容用于支持vue文件解析10、引入typescrpit、vue-t

Vue3+TS+Vite开发插件并发布到npm

Vue2开发插件并发布到npm //项目环境信息npm:8.1.0node:16.13.0vue":^3.2.45vue-router:^4.1.6vite:^4.0.0typescript:~4.7.4less:^4.1.3目标:创建vue-amazing-ui组件库,并发布到npm,效果如下图:(已成功上传至npm,可自行安装使用,目前已包含27个常用UI组件,持续更新中...)若文章不够详细,建议直接gitclonevue-amazing-ui 进行查看!目前拥有的组件:面包屑、按钮、走马灯、级联选择、多选框、折叠面板、倒计时、日期选择器、对话框、全局提示、信息提示、通知提醒框、分页器、

Vue3+TS+Vite开发插件并发布到npm

Vue2开发插件并发布到npm //项目环境信息npm:8.1.0node:16.13.0vue":^3.2.45vue-router:^4.1.6vite:^4.0.0typescript:~4.7.4less:^4.1.3目标:创建vue-amazing-ui组件库,并发布到npm,效果如下图:(已成功上传至npm,可自行安装使用,目前已包含27个常用UI组件,持续更新中...)若文章不够详细,建议直接gitclonevue-amazing-ui 进行查看!目前拥有的组件:面包屑、按钮、走马灯、级联选择、多选框、折叠面板、倒计时、日期选择器、对话框、全局提示、信息提示、通知提醒框、分页器、