排序
vite发布纯函数工具库(ts+vitest单元测试)
上一篇: vite+vue3发布npm组件库 新建项目 pnpm create vite ; Project name: strayer-tool; // strayer-tool换成你自己的函数库名称 Select a framework: Vue; Select a variant: TypeScript...
探索Pixi.js的潜力:打造专业级网页游戏《消消乐》(中)
游戏在线体验 专栏上篇:探索Pixi.js的潜力:打造专业级网页游戏《消消乐》(上) 本文,我们主要探讨页面开发遵循的思路、游戏中的音频管理与游戏页的开发包括基本玩法的实现原理与算法等等。 在...
vite中的虚拟模块技术能干的事还真不少
大家好,我是苏先生,一名热爱钻研、乐于分享的前端工程师,跟大家分享一句我很喜欢的话:人活着,其实就是一种心态,你若觉得快乐,幸福便无处不在 github与好文 TypeScript知识点和99个类型体...
一次性完整学完搭建PWA项目
做一个有温度和有干货的技术分享作者 —— Qborfy 背景 最近在开发一个简单的个人记录网站,技术栈是使用 Vite + Vue3,由于使用的单台服务器,有时候服务器会被限制带宽,所以平时都会比较访问...
实现一个md转vue文件的vite插件
前言 最近写了一个组件库,但还没有相关的文档,如果直接写vue文件太耗时了,因此这边实现一个md转vite的插件帮我快速生成组件文档。我的设想是直接在md文档中可以编写vue的语法,这样在写md文...
Vite爱好者,你必须知道“严格模式”这档事
Hello World!大家好,我是大家的林语冰(挨踢版)~ 粉丝质疑 之前肝了一期《Vue 为什么禁用 undefined》的水文,不幸的是,惨遭道友先质疑、再质疑。 那这里我就简单讲两句: 任何编程语言中,...
记录一次Vite打包优化
记录一次Vite打包优化 前几天刚刚把毕设做完,使用的是Vue3 + Vite进行开发。在部署上线之后我发现页面加载速度很慢,因此看了几种常用的优化方式,对页面进行了一些优化。这里进行一下记录,主...
初识 vite 原理,vite 是如何启动项目的
我们使用 vite 的时候,只需要在 package.json 中定义一个简单的命令,就可以启动项目,那么这个简单的命令,是如何启动 vite 项目的呢,下面我们来详细介绍一下 'scripts': { 'dev': 'vite' },...
vite+vue3项目从0到1搭建(3)—请求封装
github仓库地址: github.com/Liangjiahon… 安装 axios pnpm i axios 在根目录下新建 service 文件夹,进行 axios 封装 目录结构如下 modules: 区分每个模块下的请求,如登录退出的房 a...
使用vite-ssg写一个存放笔记的小网站
代码仓库 我的:github.com/lrsoy/me antfu:github.com/antfu/antfu… 参考 写这个东西参考的是 antfu 的博客Anthony Fu (antfu.me) 这是他的博客地址,比较简约,其实我参考他的这个一部分是...
秒启动的基石,vite 依赖预构建的原理
vite 在开发环境能够做到秒启动的原因有两个 No Bundle:即跳过打包,通过浏览器 ESModule 解析源文件 依赖预构建:将常用依赖提前编译和处理,从而在启动阶段大大减少了开销 依赖预构建不仅能...
qiankun:vue3 + vite从开发到部署实现微前端
背景 由于业务需要,本人需要在某应用中增加菜单,在页面上直接展示另外两个应用,并且要求登录信息共用,一番衡量过后决定使用qiankun实现。(注:本文主要记录一次从开发到部署相关接入qiankun...
vite+vue3项目从0到1搭建(2)—项目基本配置
github仓库地址: github.com/Liangjiahon… 项目配置文件 在项目的根目录下,新建一个 jsconfig.json 文件,用于指定 JavaScript 项目设置的配置文件 jsconfig.json 作用: 帮助编辑器理解项...
Vite是如何对我们写的(vite.config.x)进行解析?
Vite配置解析是怎么做的? 本文为笔者学习 Vite 源码时的一些笔记,如有错误,请指出✊ 也就是 怎么解析 我们写的 vite.config.ts等的vite配置文件 这一步是由 vite配置解析的resolveConfig函数...
可拖拽、缩放、旋转组件之 – 多元素组合与拆分功能
?介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节主要来分享如何使用es-drager,根...
2023金秋版:基于Vite4+React的Chrome插件开发教程
Chrome浏览器插件(Chrome Extension,简称CRX)大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知,2023年6月开始,将不允许发布Manifest V2的Ch...
vite no-bundle原理实现(三):读取配置
前言 在前一篇文章的末尾,我们提了以下问题: 缺少插件机制 在实现插件的之前,我们需要有读取配置文件的能力。 本文的代码基于上一篇文章的分支开始写:github.com/blankzust/v… ,同学们也...
精读了 500 行的 create-vite,你也可以开发自己的 cli 工具
本文参加了由公众号@若川视野 发起的每周源码共读活动, 点击了解详情一起参与。 这是源码共读的第37期,链接:传送门。 撰写日期 2023-07-10,源码 create-vite v4.3.2 vite 源码库下载、依...
Vite之热更新HMR
蛮荒时代页面更新 很久以前,通过live reload即自动刷新页面的方式来解决代码更新,效果刷新。随着时代的发展,前端工程日益庞大,开发场景也越来越复杂,上述方式已经无法满足前端的需求,简单...
探索Pixi.js的潜力:打造专业级网页游戏《消消乐》(上)
网页游戏以其便携性通常内嵌在各大app中,通过提供沉浸式的游戏体验拉近用户与app之间的距离,最终将用户流量转换为具体的物质价值,这就是网页游戏的价值之一。 本文将带你从零使用Pixi.js打造...