在element-plus中，popper组件是tooltip、select、date-picker等触发式弹出层组件的基础，有了它我们就可以封装各种类似功能的组件了。 话不多说，咱们开始吧！ popper 组件依赖于 floating-ui...

大家好，我是苏先生，一名热爱钻研、乐于分享的前端工程师，跟大家分享一句我很喜欢的话：人活着，其实就是一种心态，你若觉得快乐，幸福便无处不在 github与好文 TypeScript知识点和99个类型体...

“ 打包 ”——一个前端研发无比熟悉的词语，打包工具从来都不是必要，后端（nodejs）几乎可以不使用，但在前端，又几乎不可以不用。 本文会带读者探究关于打包的一切，前辈们是从什么时候开始...

Vite 4.4实验性 从Vite 4.4开始，Vite实验性地支持Lightning CSS。你可以通过在你的配置文件中添加 css.transformer: 'lightningcss' 来选择它，并安装可选的lightningcss依赖： bash npm add -...

哈喽，大家好，消失了一段时间，最近去学习了一下用vite打包时的一些优化点，我个人觉得还是蛮常用的，一般都用的上，在这里给大家分享一下 生产环境中移除log 在我们开发阶段，经常会用console...

文章同步在公众号：萌萌哒草头将军，欢迎关注 ⚡️使用Vite 前段时间，将练习了时长两年半的react项目脚手架换成vite了，过程如下 首先使用vite创建基础项目框架 npm create vite@latest my-vue...

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化...

【vite 4.3 + vue 3.2 项目优化实战】配置 CDN 服务 记录一次 vite 打包体积优化过程，踩了一些坑，分享一下。 参考了这篇文章： Vite 中使用 cdn 来加载需要的库文件-前端/后端-繁花云 本篇将...

背景 最近，就前端开发过程中的痛点及可优化项做了一次收集。 其中，构建耗时、项目编译速度慢的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的， 就是打包...

0. 前言 本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。 本篇是源码共读第37期 | vite 3.0 都发布了，这次来手撕 create-vite 源码，点击了解本期详情 1. npm c...

vite 热更新的主要作用是为了实现局部刷新的效果，这样之前操作的状态都能够保存 vite 热更新的基本实现方式如下 基于一套完整的 ESM HMR 规范，在文件发生改变时 vite 会检测到相应 ESM 模块变...

文章首发公众号：萌萌哒草头将军，最近群里有抽奖，送出五本书，群里目前已经快20位小伙伴了，概率很大，感兴趣的小伙伴关注后联系我即可入群。个人联系方式：SunBoy_mmdctjj 阅读更多文章点这...

[toc] 一。新建项目 pnpm create vite 输入包名称 选择vue 选择ts cd 到项目目录中 pnpm install 在根目录下建立一个ts声明文件，例如：env.d.ts; 里面加上vue模块的声明，然后在tsconfig.json...

我在日常开发中经常使用ts语言，通常需要用webpack来编译和打包，配置起来比较繁琐，后来使用Angular框架，但是用ng来写一个小小的demo感觉非常臃肿，不值当。所以vite是个不错的选择。 使用 Vi...

我正在参加「掘金·启航计划」 项目准备要求 首先需要对vue有所了解，通过安装了node环境。本教程主要是为刚学vue提供一些思路和教程，不足的话欢迎提出！使用到的第三方组件库是Element-plus，...

背景 公司的h5项目越来越大，打包进度展示2万+模块, 尽管从webpack2升级到webpack4，冷启动仍需三分多钟，热更新10s左右，占用电脑内存也大，开发体验较差；查阅了很多资料，决定在运行项目时使...

github仓库地址： github.com/Liangjiahon… 初始化项目 使用 pnpm + vite + vue3 创建工程 在 cmd 命令行中输入 pnpm create vite 工程名  pnpm create vite vite-demo 选择 vue 选项 使用语...

近日，在浏览之前发的推特文章时，发现了曾经被Vite团队核心成员 Matias Capeletto 点赞的一篇动态，心里格外的高兴。 被大佬认可，也是值得开心的一件事情。毕竟独立开发一个前端框架，其中的...