2024-02-26vite中引入jquery-ui等三方插件_vite jquery

https://www.qianduange.cn//article/2767.html 分类：前端知识

2024-02-23为什么 vite 既用了 esbuild 又用了 rollup?esbuild 在开发阶段（vite dev）使用，主要用来预编译第三方依赖和编译业务代码里的 typescript 代码。esbuild 在抹平了第三方依赖的语法差异（第三方依赖不一定是 ESM 的语法）的同时，保证了 vite dev 的开发速度。rollup 只会在 vite build 的时候执行构建，主要是构建生产环境可稳定使用的包，依然使用 rollup 是因为 rollup 成熟稳定，具有大量优秀的插件。_vite安装

https://www.qianduange.cn//article/2518.html 分类：前端知识

2024-02-23一个项目写下来，在网页端预览的时候正常，结果到产品经理手上。设计稿样式实际产品手机上样式产品：“你这玩意儿怎么没间距？我：“为什么我的正常？？？呐呐呐你看我手机（来自RedmeK50Utral）”产品：“哦，你看我的手机（来自荣耀20）”我：“。。。至此我看了看我代码中的一堆gap，再看了看她那还不退休的老安卓，陷入了沉思！以上就达到了gap同样的效果，并且保持了良好的兼容性。妈妈再也不怕兼容性不好的手机用不了gap啦！总之不管用的什么打包工具，vite也要webpack也好，原理是一样的。_flex gap兼容性

https://www.qianduange.cn//article/2511.html 分类：前端知识

2024-02-19最近开发的一个vue3 vite ts项目，build后发现体积过大，所以针对于项目体积进行一次优化。_vite vue3优化体积 autocomplete

https://www.qianduange.cn//article/2295.html 分类：前端知识

2024-02-16vite 配置内网 ip 访问 方法_vite ip访问

https://www.qianduange.cn//article/2170.html 分类：前端知识

2024-02-16vue3 vite4项目，配置代理实现本地开发跨域问题，非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域；vite的proxy代理和vue-cli的proxy大致相同，需要在vite.config.js文件中配置（打包配置也在此）代理配置在server中，可以上vite官网服务器选项查看server.proxy代码示例：开发服务器选项–server.proxy需要注意：使用了代理之后，axios的base路径需要改成代理路径，比如在_vite 代理

https://www.qianduange.cn//article/2115.html 分类：前端知识

2024-02-13（4）cd 项目名称 进入 npm install初始化，简写（npm i） 最后 npm run dev。（2）在src/assets文件夹下新建，scss文件夹(文件名称随意)，在文件夹下新建main.scss文件。（1）点击链接进入，选择使用安装命令。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。（1）点击上方网址，进入vite官网，选择一个命令安装方式。（3）在vite.config.js文件中添加配置。（1）在项目终端中输入面的命令。_创建vite项目

https://www.qianduange.cn//article/1933.html 分类：前端知识

2024-02-13本示例介绍如何在vue openlayers中通过webgl方式加载矢量图层。在做这个示例的时候，采用vite的方式而非webpack的方式。这里的基础设置需要改变一下。 ol的版本7.5.2或者更高。

https://www.qianduange.cn//article/1931.html 分类：前端知识

2024-02-13背景：项目中需要使用模板html动态处理比如 icon 、title。我的项目里是需要在不同的打包指令下，打包的结果中index.html 中title 和 icon都不一致。之前的项目使用的是插件。安装该插件的使用需要注意你项目的webpack版本，安装对应的版本插件。本次因为项目是vite项目，所以采用插件。本文作为使用记录。结尾还有个疑问一直没有解决，欢迎大神留言解答一下。提示：以下是本篇文章正文内容，下面案例可供参考。_vite-plugin-html

https://www.qianduange.cn//article/1917.html 分类：前端知识

2024-02-13微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。微前端概念微前端是借鉴了微服务的理念，将一个庞大的应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，还可以随意组合，这样就降低了耦合度，从而更加灵活。微前端特性。_无界微前端

https://www.qianduange.cn//article/1901.html 分类：前端知识