Vite共0篇
Vite
排序
qiankun：vue3 + vite从开发到部署实现微前端
背景 由于业务需要，本人需要在某应用中增加菜单，在页面上直接展示另外两个应用，并且要求登录信息共用，一番衡量过后决定使用qiankun实现。(注：本文主要记录一次从开发到部署相关接入qiankun...
2年前vite+vue3项目从0到1搭建(2)—项目基本配置
github仓库地址： github.com/Liangjiahon… 项目配置文件 在项目的根目录下，新建一个 jsconfig.json 文件，用于指定 JavaScript 项目设置的配置文件 jsconfig.json 作用： 帮助编辑器理解项...
2年前Vite是如何对我们写的(vite.config.x)进行解析？
Vite配置解析是怎么做的？ 本文为笔者学习 Vite 源码时的一些笔记，如有错误，请指出✊ 也就是 怎么解析 我们写的 vite.config.ts等的vite配置文件 这一步是由 vite配置解析的resolveConfig函数...
2年前
可拖拽、缩放、旋转组件之 – 多元素组合与拆分功能
?介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节主要来分享如何使用es-drager，根...
2年前
2023金秋版：基于Vite4+React的Chrome插件开发教程
Chrome浏览器插件（Chrome Extension，简称CRX）大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知，2023年6月开始，将不允许发布Manifest V2的Ch...
2年前
vite no-bundle原理实现（三）：读取配置
前言 在前一篇文章的末尾，我们提了以下问题： 缺少插件机制 在实现插件的之前，我们需要有读取配置文件的能力。 本文的代码基于上一篇文章的分支开始写：github.com/blankzust/v… ，同学们也...
2年前
精读了 500 行的 create-vite，你也可以开发自己的 cli 工具
本文参加了由公众号@若川视野 发起的每周源码共读活动， 点击了解详情一起参与。 这是源码共读的第37期，链接：传送门。 撰写日期 2023-07-10，源码 create-vite v4.3.2 vite 源码库下载、依...
2年前
Vite之热更新HMR
蛮荒时代页面更新 很久以前，通过live reload即自动刷新页面的方式来解决代码更新，效果刷新。随着时代的发展，前端工程日益庞大，开发场景也越来越复杂，上述方式已经无法满足前端的需求，简单...
2年前
探索Pixi.js的潜力：打造专业级网页游戏《消消乐》(上)
网页游戏以其便携性通常内嵌在各大app中，通过提供沉浸式的游戏体验拉近用户与app之间的距离，最终将用户流量转换为具体的物质价值，这就是网页游戏的价值之一。 本文将带你从零使用Pixi.js打造...
2年前项目搭建与环境配置
项目搭建与环境配置： 使用 pnpm 包管理工具，搭建一个初步基于vite的react+typescript+sass+antd的项目。 本文目录如下： [TOC] 一、vite安装及配置 终端输入命令行，根据提示选择安装react+ts...
2年前vite插件vite-plugin-vue-setup-extend 【setup中添加name属性】
vite-plugin-vue-setup-extend插件 背景：在使用vue3写组建的时候用的是setup语法糖，需要把组件抽出来做成插件，在项目中install使用，需要给组建命名 方法：使用vite-plugin-vue-setup-extend...
2年前
为 VitePress 网站添加 RSS 订阅支持
省流：使用 vitepress-plugin-rss 这个插件 前言 在看许多个人博客站点的时候，右上角总会有个RSS订阅的标志 恰好我的博客也是基于 VitePress 搭建的，就想看看能不能也实现这个功能呢？ 动手前...
2年前在不同的 Vite 项目中快速共享 React 组件 – – – 超级简单的方案！
wpmjs 使用 wpmjs 可以快速将你项目中的 React 组件共享给其他的项目，而不需要依赖构建工具的支持 以 Vite 为例 项目 A src/component/index.js import React from 'react' import wpm from '@...
2年前
搭建一个electron开源项目(react、Vite 和 TypeScript) 的框架选择
背景 如何选择适合你的项目框架？ 随着技术的不断发展，选择适合自己的项目脚手架变得越来越重要。本文将介绍如何使用Electron、React和Vite搭建一个开源截图、录屏和录像的跨平台桌面软件——p...
2年前抛弃legacy，拥抱Babel
背景 公司项目使用Vite + Vue3技术栈，为了兼容低版本浏览器，使用@vitejs/plugin-legacy做代码转换，关于@vitejs/plugin-legacy是如何做代码转换的，参考我的这篇文章。 不过@vitejs/plugin-le...
2年前
vite是如何解析用户配置的.env的
0. 前言 本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。 本篇是源码共读第40期 | vite 是如何解析用户配置的 .env 的，点击了解本期详情 正文： 我们在实际项目...
2年前qiankun使用unocss 子应用切换样式丢失
Vite子应用，使用unocss官网默认的vite安装方式，在两个使用Vite+Unocss的子应用来回切换时，总有一个子应用的样式会混乱。 经过仔细观察，这两个子应用都引用了同一个样式表/_uno.css，切来切...
2年前
Electron24+Vue3+Vite4从0开始搭建一个桌面应用
1. 现实问题 得益于 Vite 卓越的前端开发体验，越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板，但都存在着一些共同的问题...
2年前unplugin-auto-import和unplugin-vue-components
背景 当我们在Vue项目中使用第三方库或组件时，通常需要手动导入它们并在需要的地方进行注册。这可能会变得繁琐和冗长，特别是当我们使用大量的第三方库或组件时。为了简化这个过程，我们可以使...
2年前
强烈推荐一款 Vue3 + Vite 调试神器，彻底抛弃 Vue Devtools ！！！
哈喽,大家好 我是xy???。 今天给大家推荐一款 Vue3+Vite 开发调试神器，让你彻底丢弃 Vue Devtools。 前言 相信使用 Vue 的同学应该对 Vue Devtools 浏览器插件并不陌生，但是有些同学由于网...
2年前