Vite共0篇
Vite
排序
Vite + Qiankun + Module Federation，微前端项目升级?
起源 原有vue-cli + qiankun微前端项目，分为一个主应用，10多个子应用。由于历史原因存在vue2、vue3多个版本，并通过vue-cli构建，由于qiankun的沙箱隔离，每个子应用存在重复的依赖构建。所以...
2年前
重磅更新，unocss终于可以完美使用px单位了
前言 不管是unocss还是tailwindcss和windicss，默认的单位都是rem，这有一定的设计理念，但其实这对于习惯使用px单位的人来说不太友好，有相当一部分人因为这点而放弃使用原子化css 那么，有没...
2年前
简单讲解怎么用pnpm搭建一个monorepo开源react项目(Vite 和 TypeScript)
背景 本人正在做一个开源截图、录屏和录像的跨平台桌面软件——pear-rec(梨子录像)，本项目是基于Electron、React和Vite搭建的，一开始是使用vite-react-electron脚手架快速搭建的，但是随着项...
2年前
2023金秋版：基于Vite4+React的Chrome插件开发教程
Chrome浏览器插件（Chrome Extension，简称CRX）大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知，2023年6月开始，将不允许发布Manifest V2的Ch...
2年前vite+vue3项目从0到1搭建(2)—项目基本配置
github仓库地址： github.com/Liangjiahon… 项目配置文件 在项目的根目录下，新建一个 jsconfig.json 文件，用于指定 JavaScript 项目设置的配置文件 jsconfig.json 作用： 帮助编辑器理解项...
2年前
初识 vite 原理，vite 是如何启动项目的
我们使用 vite 的时候，只需要在 package.json 中定义一个简单的命令，就可以启动项目，那么这个简单的命令，是如何启动 vite 项目的呢，下面我们来详细介绍一下 'scripts': { 'dev': 'vite' },...
2年前
简单几步，将React项目脚手架Webpack换成Vite⚡⚡，附带性能比较和思考
文章同步在公众号：萌萌哒草头将军，欢迎关注 ⚡️使用Vite 前段时间，将练习了时长两年半的react项目脚手架换成vite了，过程如下 首先使用vite创建基础项目框架 npm create vite@latest my-vue...
2年前
vue3+vite+element-plus实现网易云音乐（项目搭建）
我正在参加「掘金·启航计划」 项目准备要求 首先需要对vue有所了解，通过安装了node环境。本教程主要是为刚学vue提供一些思路和教程，不足的话欢迎提出！使用到的第三方组件库是Element-plus，...
2年前unplugin-auto-import和unplugin-vue-components
背景 当我们在Vue项目中使用第三方库或组件时，通常需要手动导入它们并在需要的地方进行注册。这可能会变得繁琐和冗长，特别是当我们使用大量的第三方库或组件时。为了简化这个过程，我们可以使...
2年前Vite 打包 chunk 优化
项目从 Webpack 迁移到 Vite 后，代码打包出的 chunks 一下增加了很多。老板说这个得优化一下，那自然是在所不辞。 我们知道 Vite 底层是使用 Rollup 构建的，它的理念跟 Webpack 有一些差别，...
2年前qiankun使用unocss 子应用切换样式丢失
Vite子应用，使用unocss官网默认的vite安装方式，在两个使用Vite+Unocss的子应用来回切换时，总有一个子应用的样式会混乱。 经过仔细观察，这两个子应用都引用了同一个样式表/_uno.css，切来切...
2年前
Vite爱好者，你必须知道“严格模式”这档事
Hello World！大家好，我是大家的林语冰（挨踢版）~ 粉丝质疑 之前肝了一期《Vue 为什么禁用 undefined》的水文，不幸的是，惨遭道友先质疑、再质疑。 那这里我就简单讲两句： 任何编程语言中，...
2年前
vite+vue3项目从0到1搭建(1)—开发约束和提交规范
github仓库地址： github.com/Liangjiahon… 初始化项目 使用 pnpm + vite + vue3 创建工程 在 cmd 命令行中输入 pnpm create vite 工程名 pnpm create vite vite-demo 选择 vue 选项 使用语...
2年前
vite+vue3项目从0到1搭建(3)—请求封装
github仓库地址： github.com/Liangjiahon… 安装 axios pnpm i axios 在根目录下新建 service 文件夹，进行 axios 封装 目录结构如下 modules： 区分每个模块下的请求，如登录退出的房 a...
2年前
探索Pixi.js的潜力：打造专业级网页游戏《消消乐》(上)
网页游戏以其便携性通常内嵌在各大app中，通过提供沉浸式的游戏体验拉近用户与app之间的距离，最终将用户流量转换为具体的物质价值，这就是网页游戏的价值之一。 本文将带你从零使用Pixi.js打造...
2年前
Electron24+Vue3+Vite4从0开始搭建一个桌面应用
1. 现实问题 得益于 Vite 卓越的前端开发体验，越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板，但都存在着一些共同的问题...
2年前
实现一个md转vue文件的vite插件
前言 最近写了一个组件库，但还没有相关的文档，如果直接写vue文件太耗时了，因此这边实现一个md转vite的插件帮我快速生成组件文档。我的设想是直接在md文档中可以编写vue的语法，这样在写md文...
2年前
快速搭建 Vite+vue3+TS+ESLint+Prettier+Husky+Commitlint 项目
创建项目 进入项目目录，运行 yarn create vite 然后根据提示输入项目名，然后依次选择 Vue、TypeScript 即可创建一个简单的 Vue3+TS 项目。创建后按照提示进入项目文件夹并安装依赖，然后运...
2年前
用vite 快速创建一个ts开发环境
我在日常开发中经常使用ts语言，通常需要用webpack来编译和打包，配置起来比较繁琐，后来使用Angular框架，但是用ng来写一个小小的demo感觉非常臃肿，不值当。所以vite是个不错的选择。 使用 Vi...
2年前
精读了 500 行的 create-vite，你也可以开发自己的 cli 工具
本文参加了由公众号@若川视野 发起的每周源码共读活动， 点击了解详情一起参与。 这是源码共读的第37期，链接：传送门。 撰写日期 2023-07-10，源码 create-vite v4.3.2 vite 源码库下载、依...
2年前