手把手搭建Vue3中后台框架—初始化项目 从今天开始,我们开启《手把手搭建Vue3中后台框架》系列文章,这是一个我们已经在生产中实际使用的项目,技术栈是: 前端:Vue3 + TypeScript + Vite + Pinia + Naive... 网站建设# vite# Vue3# 前端 2年前590
如何在 React 中使用 Vite 构建工具? Vite使用 esbuild 预构建依赖。由于esbuild是一个用Go编写的JavaScript(和TypeScript)绑定器,这也是它快速的原因之一。 通常,当用React构建一个新项目... 网站建设# esbuild# react# vite 2年前230
发布关于Strve.js的动态,被Vite团队核心成员点赞的那些事! ,近日,在浏览之前发的推特文章时,发现了曾经被Vite团队核心成员 Matias Capeletto 点赞的一篇动态,心里格外的高兴。,,,,,,,被大佬认可,也是值得开心的一件事情。毕竟独立开发一个... 网站建设# create# js# strve 2年前350
两个简单的自定义插件,探究Vite的插件机制 Vite 的插件机制是基于 Rollup 的插件机制实现的,但是又进行了一些扩展。Vite 的插件机制是通过钩子函数实现的,当 Vite 运行时,会通过钩子函数调用插件中的方法,插件可以在这些方法中干... 网站建设# rollup# vite# 插件 2年前440
尤雨溪回应:Vite 真的比 Turbopack 慢 10 倍? 一周前,Vercel 宣布了 Webpack 的基于 Rust 的继任者 Turbopack。,在公告中,Turbopack 宣称“比 Vite 快 10 倍”。Vercel 的各种营销材料都重复宣扬... 网站建设# turbopack# vercel# vite 3年前580
最近对前端构建工具的一些理解 最近有幸在前端团队里面做了一次关于 webpack 的技术分享。在分享的准备过程中,为了能让大家更好的理解 webpack,特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中... 网站建设# vite# webpack# 前端 3年前260
Vite 3.0 正式发布,下一代前端工具链! ,大家好,我是 CUGGZ。,7 月 13 日,Vite 3.0 正式发布,它被称为下一代的前端工具链。Vite 团队决定至少每年发布一个新的 Vite 主要版本,以与 Node.js 的 EOL 保... 网站建设# vite# 下一代# 发布 3年前330
Vite 入门篇:学会它,一起提升开发幸福感 ,相信大部分兄弟都体验过 Vite 了,知道它很快。但你知道它为什么快,相比 Webpack 有哪些不同吗?今天咱们就来全面了解一下 Vite ,尤其适合新手兄弟。一起学起来吧!,很多人对构建工具没有... 网站建设# vite# 代码# 处理 3年前670
使用 Vite 和 TypeScript 带你从零打造一个属于自己的 Vue3 组件库 ,随着前端技术的发展,业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant,AntDesign等等。但是作为一个前端开发者,你知道一个UI组件库是如何被打造出来的吗?,读完这篇文章... 网站建设# ui# vite# vue 3年前250
ViteConf 2022回顾:Vite是如何诞生的? ,大家好,我是 CUGGZ。,ViteConf 2022 于 10 月 11 - 12 日举行。Vue 和 Vite 的作者尤雨溪发表了名为《How Vite Came to Be》的主题演讲。下面就... 网站建设# javascript# vite# viteconf 3年前270
Vite 或 Vue CLI,我该选择哪一个 ,随着 Vue 生态系统的成熟,已经引入了许多新技术。虽然一些开发人员可能从一个普通的 JavaScript 文件开始,并在页面中包含 Vue。但随着时间的推移,在开发 Vue 应用程序时,使用打包工... 网站建设# cli# vite# vue 3年前690
React团队回应使用Vite替换Create React App的建议 大家好,我是 CUGGZ。,最近,网友 t3dotgg 建议把 React 官方文档中关于建议使用 Create React App 来创建新项目更换为建议使用 Vite 来创建新项目。该建议引起了网... 网站建设# app# create# react 3年前1290
在 Vue3 中优雅的使用 Jsx/Tsx ,相信 react 的伙伴对于 jsx/tsx 都不陌生吧,现在在 vue3 中也可以使用 jsx/tsx 语法拉。,vite官方提供了官方的插件来支持在vue3中使用jsx/tsx,直接安装就行... 网站建设# jsx# tsx# vite 3年前800
前端历史项目的 Vite 迁移实践总结 当前,前端社区用 Vite 替代 Webpack 的呼声正日趋高涨。但对于长期维护的业务项目,很多同学可能仍然对上车存有疑虑——Vite 真的足够支撑非玩具级的项目吗?为此本文会分享一个实际案例,介绍... 网站建设# vite# webpack# 前端 3年前640
前端新宠 Svelte 带来哪些新思想?赶紧学起来! ,Svelte[1] 是我用过最爽的框架,就算 Vue 和 React 再强大,生态再好,我还是更喜欢 Svelte,因为它开发起来真的很爽。,其实在很久之前我就注意到 Svelte[2] ,但一直没... 网站建设# react# svelte# vite 3年前470
2022 年 Vue 的发展如何? ,大家好,我是 CUGGZ。,自 2014 年首次发布以来,Vue.js 的受欢迎程度和用户数量一直在增加,并逐渐成为一个成熟的框架,被世界各地成千上万的开发者所使用。下面就来看看 2022 年 Vu... 网站建设# vite# vue# 框架 3年前740
一篇学会如何使用Vite重构Vue3项目 截止发文时间,vite正式版已经发布快2年时间了,vue3也发布到3.2版本了,它的周边设施基本上已经齐活了。也是时候再次重构下我那个vue3.0的开源项目了。,本篇文章就记录下我的重构过程,欢迎各位... 网站建设# cli# vite# vue 3年前290
运用Electron+Vue3.2+TypeScript+Vite开发桌面端 Electron可以让程序员重用Web的代码,使用HTML、CSS、JavaScript来构建桌面应用,并在不同平台上使用。,Electron官网上说:“比你想象的更简单”————“如果你可以建一个网... 网站建设# electron# vite# vue 3年前620
为什么有人说 vite 快,有人却说 vite 慢? ,谈到 Vite,给人的第一印象就是 dev server 启动速度快。同样规模的项目,相比 Webpack 动辄十几秒甚至几十秒的的启动速度,Vite 简直是快到没朋友,往往数秒之内即可完成启动(P... 网站建设# vite# 启动# 小编 4年前630
尤雨溪:Turbopack真的比Vite快10倍吗? ,大家好,我是 CUGGZ。,10 月 25 日,Vercel 推出了下一代打包工具:Turbopack,它是基于 Rust 的 Webpack 继任者,其文档中提到,Turbopack 比 Vite... 网站建设# turbopack# vite# 尤雨溪 4年前430
React为什么不将Vite作为默认推荐? ,大家好,我卡颂。,在React文档中,对于构建新的React应用,首推的方式是CRA(create-react-app)。,CRA推出于2016年,彼时还没有成体系的React脚手架工具供大家使用... 网站建设# cra# react# vite 4年前660
尝试一下使用 Vitest 进行组件测试,确实很香 ,自从 尤大 的构建工具Vite获得了巨大的人气,现在有了一个由它驱动的极快的单元测试框架。Vitest。,Vitest 与 Jest 兼容,具有开箱即用的 ESM、Typescript 和 JSX ... 网站建设# jest# vite# vitest 4年前290
Vite 配置篇:日常开发掌握这些配置就够了! ,不知道有没有这样的兄弟,学习 Vite 的时候,官网上各种配置看的是眼花缭乱。不知道哪些需要掌握,哪些只用简单了解一下。为了提高大家的效率,我把项目中常用的配置梳理了一下分享给大家,希望对你上手 V... 网站建设# css# scss# vite 4年前690
Vite 性能篇:掌握这些优化策略,一起纵享丝滑! ,很多兄弟都在使用 Vite 了,但如果你是前端 leader 或者是团队核心的话,不得不可考虑的一个问题就是性能优化。Vite 在开发环境性能已经非常不错了,今天我们主要聊聊生产环境的优化,其实方式... 网站建设# lodash# vite# 优化 4年前270
种草 Vue3 中几个好玩的插件和配置 ,小伙伴们知道 TienChin 项目前端用的是 Vue3,当我们把 Vue3 官网刷了一遍之后回来看 TienChin 项目的前端,发现还是有很多不太一样的地方,今天松哥就来和大家捋一捋 Vue3 ... 网站建设# tienchin# vite# vue 4年前310
Skypack:我老早就在布局前端基建了 ,大家好,我卡颂。,已经有越来越多前端开发者放弃webpack,改用vite作为项目打包工具。,其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式,节省了「代码打包... 网站建设# esm# http# vite 4年前90
Vite 是怎样利用 Esbuild 来提升性能的 ? ,在上一篇 为什么有人说 vite 快,有人却说 vite 慢?[1] 中,我们提到过开发模式下使用 Vite 会有首屏性能下降的负面效果。之所以会造成首屏性能下降,一方面是 dev server 需... 网站建设# esbuild# vite# 小编 4年前510
使用Vite快速构建Vue3+ts+pinia脚手架 ,vue3的快速更新,很多IT发展快的地区在22开始都已经提上日程,小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈,纯属小编自己的看法,可能小编是个井底之蛙!!,vue2+we... 网站建设# vite# vue# 小编 5年前340
Vite 3.0 发布: 核心更新盘点与分析 ,在 2021 年 2 月,尤大正式推出了 Vite 2.0 版本,可以说是 Vite 的一个重要转折点,自此之后 Vite 的用户量发生了非常迅速的增长,很快达到了每周 100 万的 npm 下载量... 网站建设# vite# 版本# 用户量 5年前280