深圳幻海软件技术有限公司

该系列已更新文章：分享一个实用的vite+vue3组件库脚手架工具，提升开发效率开箱即用yyg-cli脚手架：快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组件库框架-1搭建pnpmmonorepoVue3企业级优雅实战-组件库框架-2初始化workspace-rootVue3企

在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于vue-cli（webpack）的项目中只需要添加.env.xxx文件，然后在package.

前言使用Vite已经有两年了，期间使用它开发过单页面应用，也开发过浏览器扩展插件，对比日常工作中用到的webpack构建速度大幅提升，开发体验也好很多。虽然相比于webpack来说简单了很多，但是仍然有一些配置需要记录一下，以便之后可以快速搭建一个本地开发构建的环境。使用create-vite脚手架

不知道有没有这样的兄弟，学习Vite的时候，官网上各种配置看的是眼花缭乱。不知道哪些需要掌握，哪些只用简单了解一下。为了提高大家的效率，我把项目中常用的配置梳理了一下分享给大家，希望对你上手Vite有所帮助。话不多说，开干！css.preprocessorOptions传递给CSS预处理器的配置选项

相信大部分兄弟都体验过Vite了，知道它很快。但你知道它为什么快，相比Webpack有哪些不同吗？今天咱们就来全面了解一下Vite，尤其适合新手兄弟。一起学起来吧！什么是构建工具很多人对构建工具没有什么概念，只知道是用来打包的。那么到底什么是构建工具呢？大家都知道浏览器只支持Html、CSS、Jav

大家好，我是CUGGZ。今天来分享10个基于Vue3.0全家桶的优秀开源项目！PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas 的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能，实现在

一周前，Vercel宣布了Webpack的基于Rust的继任者Turbopack。在公告中，Turbopack宣称“比Vite快10倍”。Vercel的各种营销材料都重复宣扬这句话，包括推文，博客文章和发送给Vercel用户的营销电子邮件。Turbopack的文档中还包括了benchmark图，最初

大家好，我是CUGGZ。10月25日，Vercel推出了下一代打包工具：Turbopack，它是基于Rust的Webpack继任者，其文档中提到，Turbopack比Vite快10倍。11月1日，Vue、Vite作者尤雨溪发表文章《IsTurbopackreally10xFasterthanVite

前言在上一篇为什么有人说vite快，有人却说vite慢？[1]中，我们提到过开发模式下使用Vite会有首屏性能下降的负面效果。之所以会造成首屏性能下降，一方面是devserver需要完成预构建才可以响应首屏请求；另一方面是需要对请求文件做实时转换。也许有的同学会问，是不是针对这两个方面做优化，就可以

前言谈到Vite，给人的第一印象就是devserver启动速度快。同样规模的项目，相比Webpack动辄十几秒甚至几十秒的的启动速度，Vite简直是快到没朋友，往往数秒之内即可完成启动(PS:都没有时间去喝一杯☕️啦)。正好小编最近在做一些关于开发体验的性能优化，就想着把手上一些项目的开发模式更新为

随着前端技术的发展，业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant，AntDesign等等。但是作为一个前端开发者，你知道一个UI组件库是如何被打造出来的吗?读完这篇文章你将学会:如何使用pnpm搭建出一个Monorepo环境如何使用vite搭建一个基本的Vue3脚手架项目

项目背景我们的系统（一个ToB的 Web 单页应用）经过多年的迭代，目前已经累积有大几十万行的业务代码，30+路由模块，整体的代码量和复杂度还是比较高的。项目整体是基于Vue+TypeScirpt，而构建工具，由于最早项目是经由 vue-cli 初始化而来，所

在2021年2月，尤大正式推出了Vite2.0版本，可以说是Vite的一个重要转折点，自此之后Vite的用户量发生了非常迅速的增长，很快达到了每周100万的npm下载量。同时，Vite的社区也越来越活跃，目前已经形成非常庞大的社区生态(详情可见Github地址[1])，给整个前端领域带来了诸多的改变

当前，前端社区用Vite替代Webpack的呼声正日趋高涨。但对于长期维护的业务项目，很多同学可能仍然对上车存有疑虑——Vite真的足够支撑非玩具级的项目吗?为此本文会分享一个实际案例，介绍我们是如何(比较轻松地)在公司核心业务中落地Vite的。稿定Web端业务中的平面编辑器已经有五年以上的历史。作

在过去的一年里，出现了一批新的开发者工具，它们正在紧跟过去几年主导前端开发的工具，包括 webpack、Babel、Rollup、Parcel、create-react-app 。这些新的工具并不是为了完成完全相同的功能而设计的，每个工具都有不同的目标和功能。尽管存在差异，但这些

发布Strve已经有三个月了，今天就给大家做一个小项目。看一看这个小框架到底好不好用。我们今天就做一个简版的TodoList，项目虽小，但是五脏俱全。包含了对文本的增删改，非常值得上手。开发项目之前，我需要打开官方文档，查阅Strve项目构建工具CreateStrveApp是怎么使用的。操作(具体操

一、基础搭建一个Vite项目复制npminitvite@latest1.2.配置文件项目跟目录下的配置文件为vite.config.js文件，当以命令行方式运行vite时，Vite会自动解析该文件，其基础配置如下所示：复制import{defineConfig}from'vite'importvue

本文转载自微信公众号「前端星辰」，作者旋律。转载本文请联系前端星辰公众号。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，

 React自从上一年发布了React17之后，团队貌似就有些划水的嫌疑，2021年主要和其他贡献者进行了一些友好碰面，比如在布宜诺斯艾利斯（阿根廷首都）的聚会：以及给字节跳动做直播分享：工作上主要是在修复React17的bug，但其实修复的也不是很多，目前只发了两个修补版本号，最新版本是

现在Vite的生态逐渐完善，今天给大家介绍一款React的组件/应用文档编写神器：vite-plugin-react-pages目前主流搭建文档站点的方式：Gatsby-以GraphQL为核心，功能相当完善，插件生态丰富。但学习曲线高(React)Docusaurus-Meta公司出品。功能强大，与