[译]尤雨溪: Vite 会取代 vue-cli 吗?

Chase620
• 阅读 1243

前言

最近在逛 Twitter 时,突发奇想去看了一眼尤大的账号,发现了一段有趣的推文,在尤大国内的社交平台账号中(知乎、微博等)并没有发现他发表过类似的话,倒是听过他说会有越来越多的人弃坑 WebpackVite,还听过有人说 vue-cli 的下一个版本就要用 vite 重构了,不过看尤雨溪这说法,好像是 viteviteclicli,所以今天特意来跟大家分享一下:

[译]尤雨溪: Vite 会取代 vue-cli 吗?

推文地址:https://twitter.com/youyuxi/status/1354584410482499585

译文

尤雨溪:

Vite 会取代 vue-cli 吗?最开始的时候我不确定,但是现在我相信最终一定会发生。

现阶段的主要差异只是 test 集成。

彭瑞 (PENG Rui)

也许现在应该整一个 vue-cli-plugin-vite 的插件。(让 vue-cli 也能用上 vite

俞然费泽尔 (Yuran Faizal)

我同意🙋

拉奇兰 米勒 (Lachlan Miller)

你有没有关于能测试 runners/testingvite 上是否合适的版本?

乔 卡莫纳 (Joao Carmona)

我希望 vite 能在它启动服务时按需发送要测试的模块,而不是先 building,(理论上)这能实现吗?

埃莱克斯 维庞德 (Alex Vipond)

去看一眼卢克的 uvu 吧。原生支持 ESM,非常符合 Vite 的精神。默认情况下没有编译测试步骤,不需要额外集成。

当我需要在浏览器中测试的时候,我只需要开启我的 Vite 服务然后操纵 uvu test 即可,这多令人清爽啊

卢克 爱德华 (Luck Edwards)

谢谢你,但是用错了用户标签

侯赛因 马力克 (Hussain Malik)

@艾力沙因UI雅苏布

艾力沙因UI雅苏布 (AliZainUIYasoob)

测试是真乱

巴斯卡罗 (BaskarRao)

我看到它正在来临 !!

希斯 詹纳 (cis jenner)

这不关我的事但我认为初学者会从类似于 yarn @vitejs/add-plugin foo 这样的包中受益

约书亚 海姆菲尔 (Joshua Hemphill)

探讨下在 vue-cli 中让插件代替 webpack 作为构建器

凯文 李 加纳 (Kevin Lee Garner)

不错!

阿尔贝托 锆利斯 (Alberto Gualis)

哇!谢谢你的勇气,我们需要更多像你一样的领袖人物。分歧和过渡对于我们中的许多人来说都是非常困难的,但是你正在实现的这些将会是整个社区的财富(不仅仅只是 Vue 开发者)。献上我的尊敬👌

奥克托 杨 (octo.yang)

Vite 将会成为最佳的并且使用起来最简单的打包工具和开发服务器。

肖恩 欧萨利文 (Shayne O'Sullivan)

在 vue-cli 上运行大型企业应用程序几年之后,我不得不中断测试运行程序集成,以避免在测试运行更新和在 vue-cli 更新之间花费大量的时间。但 vue-cli 仍然是一个很好的工具……但我很想看到一个更加解耦的 Vite

NPM尤安 (NPMYoan)

哟 呀 嗖 vite

内森 张 (Nathan Zhang)

这太帅了

劳伦特 (Laurent)

我很好奇你是怎么找到在覆盖 vue-cli 所有用例之间的平衡的,像 UI,而剩下的框架是不可知的。

加博 苏斯 (Gabor Soos)

我正在试着在 Vite 中添加 Jest 测试,运行良好,但是 e2e 测试看起来很难实现

本文首发于公众号:《前端学不动》

本文转自 https://www.jianshu.com/p/2d7854a1a6e4,如有侵权,请联系删除。

点赞
收藏
评论区
推荐文章
秃头王路飞 秃头王路飞
2个月前
webpack5手撸vue2脚手架
webpack5手撸vue相信工作个12年的小伙伴们在面试的时候多多少少怕被问到关于webpack方面的知识,本菜鸟最近闲来无事,就尝试了手撸了下vue2的脚手架,第一次发帖实在是没有经验,望海涵。 language JavaScript "name": "vuecliversion2", "version": "1.0.0", "desc
光头强的博客 光头强的博客
2个月前
Java面向对象试题
1、 请创建一个Animal动物类,要求有方法eat()方法,方法输出一条语句“吃东西”。 创建一个接口A,接口里有一个抽象方法fly()。创建一个Bird类继承Animal类并实现 接口A里的方法输出一条有语句“鸟儿飞翔”,重写eat()方法输出一条语句“鸟儿 吃虫”。在Test类中向上转型创建b对象,调用eat方法。然后向下转型调用eat()方
刚刚好 刚刚好
2个月前
css问题
1、 在IOS中图片不显示(给图片加了圆角或者img没有父级) <div<img src""/</div div {width: 20px; height: 20px; borderradius: 20px; overflow: h
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录 问题 用navicat导入数据时,报错: 原因这是因为当前的MySQL不支持datetime为0的情况。 解决修改sql\mode: sql\mode:SQL Mode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。 全局s
科林-Colin 科林-Colin
1年前
下一代前端构建工具 Vite (中英双语字幕)
关于 Vite,来看看作者本人怎么说。本视频是 Vue 以及 Vite 作者 尤雨溪 在 2021 年 2 月 12 日在 Twitch 上做客 GitHub Open Source Friday 节目的直播视频。在视频里有尤大关于 Vite 的各项功能的详细阐述、大神在线编码、在线 Debug、大佬 diss webpack 以及对 Vite 的哲学思考。
小森森 小森森
2个月前
校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
后续会继续更新,敬请期待2.0全新版本 欢迎添加左边的微信一起探讨!项目地址:](https://www.aliyun.com/activity/daily/bestoffer?userCodesskuuw5n) \2. Bug修复更新日历 2. 情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意), \ \ 和 注意
晴空闲云 晴空闲云
2个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。 盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
1个月前
快速入门|使用MemFire Cloud构建React Native应用程序
> MemFire Cloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Wesley13 Wesley13
1年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
#### 背景描述 # Time: 2019-01-24T00:08:14.705724+08:00 # User@Host: **[**] @ [**] Id: ** # Schema: sentrymeta Last_errno: 0 Killed: 0 # Query_time: 0.315758 Lock_
helloworld_34035044 helloworld_34035044
4个月前
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。 uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid() 或 uuid(sep)参数说明:sep 布尔值,生成的uuid中是否包含分隔符'',缺省为
helloworld_28799839 helloworld_28799839
2个月前
常用知识整理
# Javascript ## 判断对象是否为空 ```js Object.keys(myObject).length === 0 ``` ## 经常使用的三元运算 > 我们经常遇到处理表格列状态字段如 `status` 的时候可以用到 ``` vue