Vite共0篇 第3页
Vite
排序
Vite 开发环境为何这么快？
本文只是笔者作为一个初学者，在学习中与看了诸多业界的优秀实践文章之后的思考和沉淀，如果你在看的过程中觉得有些不妥的地方，可以随时和我联系，一起探讨学习。 提到 Vite，第一个想到的字就...
2年前
Vue3工程化项目搭建
Vue3工程化项目搭建 源码：vue3-quick-start 预览：vue3-quick-start 一、何为工程化 工程化概述 前端工程化大致可以分为模块化、组件化、规范化和自动化。 规范化 项目目录结构 语法提示 编码...
2年前
vite是如何解析用户配置的.env的
0. 前言 本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。 本篇是源码共读第40期 | vite 是如何解析用户配置的 .env 的，点击了解本期详情 正文： 我们在实际项目...
2年前
Vite之热更新HMR
蛮荒时代页面更新 很久以前，通过live reload即自动刷新页面的方式来解决代码更新，效果刷新。随着时代的发展，前端工程日益庞大，开发场景也越来越复杂，上述方式已经无法满足前端的需求，简单...
2年前
qiankun：vue3 + vite从开发到部署实现微前端
背景 由于业务需要，本人需要在某应用中增加菜单，在页面上直接展示另外两个应用，并且要求登录信息共用，一番衡量过后决定使用qiankun实现。(注：本文主要记录一次从开发到部署相关接入qiankun...
2年前
实现一个md转vue文件的vite插件
前言 最近写了一个组件库，但还没有相关的文档，如果直接写vue文件太耗时了，因此这边实现一个md转vite的插件帮我快速生成组件文档。我的设想是直接在md文档中可以编写vue的语法，这样在写md文...
2年前
记一次webpack转vite踩坑之路
背景 公司的h5项目越来越大，打包进度展示2万+模块, 尽管从webpack2升级到webpack4，冷启动仍需三分多钟，热更新10s左右，占用电脑内存也大，开发体验较差；查阅了很多资料，决定在运行项目时使...
2年前
学习create-vite，从零到一实现一个自己的 mini-create
0. 前言 本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。 本篇是源码共读第37期 | vite 3.0 都发布了，这次来手撕 create-vite 源码，点击了解本期详情 1. npm c...
2年前
Vite 4.4实验性地支持Lightning CSS,Lightning CSS更快的CSS处理利器
Vite 4.4实验性 从Vite 4.4开始，Vite实验性地支持Lightning CSS。你可以通过在你的配置文件中添加 css.transformer: 'lightningcss' 来选择它，并安装可选的lightningcss依赖： bash npm add -...
2年前
推荐：非常详细的vite开发笔记（7k字）
为什么要升级到vue3.0 当将当前的技术栈从Vue 2.0升级到Vue 3.0时，有许多值得考虑的理由。以下是10个升级到Vue 3.0的理由： 更好的性能: Vue 3.0引入了一种全新的响应式系统，使用了Proxy代理...
2年前Vite + Qiankun + Module Federation，微前端项目升级?
起源 原有vue-cli + qiankun微前端项目，分为一个主应用，10多个子应用。由于历史原因存在vue2、vue3多个版本，并通过vue-cli构建，由于qiankun的沙箱隔离，每个子应用存在重复的依赖构建。所以...
2年前
vite之console.log究极进化，?? vite-plugin-enhance-log
前言 之前开源了 babel-plugin-enhance-log，也通过写了文章偏爱 console.log 的你，肯定会觉得这个插件泰裤辣！来分享该插件如何使用，不过，看到评论里面有好几个都在问 vite+vue 如何使用： ...
2年前
强烈推荐一款 Vue3 + Vite 调试神器，彻底抛弃 Vue Devtools ！！！
哈喽,大家好 我是xy???。 今天给大家推荐一款 Vue3+Vite 开发调试神器，让你彻底丢弃 Vue Devtools。 前言 相信使用 Vue 的同学应该对 Vue Devtools 浏览器插件并不陌生，但是有些同学由于网...
2年前在不同的 Vite 项目中快速共享 React 组件 – – – 超级简单的方案！
wpmjs 使用 wpmjs 可以快速将你项目中的 React 组件共享给其他的项目，而不需要依赖构建工具的支持 以 Vite 为例 项目 A src/component/index.js import React from 'react' import wpm from '@...
2年前
vite no-bundle原理实现（三）：读取配置
前言 在前一篇文章的末尾，我们提了以下问题： 缺少插件机制 在实现插件的之前，我们需要有读取配置文件的能力。 本文的代码基于上一篇文章的分支开始写：github.com/blankzust/v… ，同学们也...
2年前
使用vite-ssg写一个存放笔记的小网站
代码仓库 我的：github.com/lrsoy/me antfu：github.com/antfu/antfu… 参考 写这个东西参考的是 antfu 的博客Anthony Fu (antfu.me) 这是他的博客地址，比较简约，其实我参考他的这个一部分是...
2年前vite中的虚拟模块技术能干的事还真不少
大家好，我是苏先生，一名热爱钻研、乐于分享的前端工程师，跟大家分享一句我很喜欢的话：人活着，其实就是一种心态，你若觉得快乐，幸福便无处不在 github与好文 TypeScript知识点和99个类型体...
2年前
vue3+vite+element-plus实现网易云音乐（项目搭建）
我正在参加「掘金·启航计划」 项目准备要求 首先需要对vue有所了解，通过安装了node环境。本教程主要是为刚学vue提供一些思路和教程，不足的话欢迎提出！使用到的第三方组件库是Element-plus，...
2年前
【vite 4.3 + vue 3.2 项目优化实战】配置 CDN 服务
【vite 4.3 + vue 3.2 项目优化实战】配置 CDN 服务 记录一次 vite 打包体积优化过程，踩了一些坑，分享一下。 参考了这篇文章： Vite 中使用 cdn 来加载需要的库文件-前端/后端-繁花云 本篇将...
2年前
企业级前端工程化配置指南：vite4 + vue3 + ts + pinia + vue-router + axios + commit规范 + 代码质量检验
大家好，我是苏先生，一名热爱钻研、乐于分享的前端工程师，跟大家分享一句我很喜欢的话：人活着，其实就是一种心态，你若觉得快乐，幸福便无处不在 github与好文 TypeScript知识点和99个类型体...
2年前