【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 点赞的一篇动态，心里格外的高兴。 被大佬认可，也是值得开心的一件事情。毕竟独立开发一个前端框架，其中的...

上一篇： vite+vue3发布npm组件库 新建项目 pnpm create vite ； Project name: strayer-tool; // strayer-tool换成你自己的函数库名称 Select a framework: Vue; Select a variant: TypeScript...

游戏在线体验 专栏上篇：探索Pixi.js的潜力：打造专业级网页游戏《消消乐》(上) 本文，我们主要探讨页面开发遵循的思路、游戏中的音频管理与游戏页的开发包括基本玩法的实现原理与算法等等。 在...

做一个有温度和有干货的技术分享作者 —— Qborfy 背景 最近在开发一个简单的个人记录网站，技术栈是使用 Vite + Vue3，由于使用的单台服务器，有时候服务器会被限制带宽，所以平时都会比较访问...

前言 最近写了一个组件库，但还没有相关的文档，如果直接写vue文件太耗时了，因此这边实现一个md转vite的插件帮我快速生成组件文档。我的设想是直接在md文档中可以编写vue的语法，这样在写md文...

Hello World！大家好，我是大家的林语冰（挨踢版）~ 粉丝质疑 之前肝了一期《Vue 为什么禁用 undefined》的水文，不幸的是，惨遭道友先质疑、再质疑。 那这里我就简单讲两句： 任何编程语言中，...

记录一次Vite打包优化 前几天刚刚把毕设做完，使用的是Vue3 + Vite进行开发。在部署上线之后我发现页面加载速度很慢，因此看了几种常用的优化方式，对页面进行了一些优化。这里进行一下记录，主...

我们使用 vite 的时候，只需要在 package.json 中定义一个简单的命令，就可以启动项目，那么这个简单的命令，是如何启动 vite 项目的呢，下面我们来详细介绍一下 'scripts': { 'dev': 'vite' },...