当前位置: 首页 > 知识库问答 >
问题:

javascript - Vite 比webpack 而言只是替代品还是说比webpack多出很多功能呢?

勾岳
2024-08-07

请问一下:

1、
在使用vite创建react + typescript 项目的时候:

需要一步一步地选择 React --- Typecript:
image.png

image.png

请问是否可以在使用命令的时候一步就完成呢?

比如:

npm create vite@latest my-vite-app -f React -l Typescript

2、请问项目中使用了Vite之后,是否就没有必要需要webpack了?

3、Vite 比webpack 而言只是替代品还是说比webpack多出很多功能呢?

共有3个答案

锺离刚洁
2024-08-07

我回答一下第一个问题吧,正如文档所说,你可以使用 --template 选项指定模板。所以,你可以这样写:

pnpm create vite my-vite-app --template react-ts

image.png

云飞翮
2024-08-07

Vite并没有比webpack多出很多功能,甚至因为起步晚,少了一些功能,但是够用了。Vite更快更先进,推荐使用,Vite最开始主要解决的问题就是webpack启动慢的问题,体积越大的项目webpack启动越慢,甚至都有三五分钟才能启动成功,Vite使用ES Module可以极速启动和热更新

越健
2024-08-07
  1. 使用 Vite 之后就没必要用 webpack 了。
  2. 你的问题很奇怪,多出很多功能不就是替代品么?
  3. 推荐使用 Vite,它的理念更先进。
  4. 当然 Webpack 凭借其更大的社区基础,也有更好的兼容性,所以有机会也可以学一学。
 类似资料:
  • 问题内容: 对于一个项目,我们有一堆始终具有相同结构且未链接在一起的数据。有两种保存数据的方法: 为每个池创建一个新的数据库(约15-25个表) 在一个数据库中创建所有表,并根据表名称更改池。 对于MySQL来说,哪一个更容易和更快地处理? 编辑: 我对数据库设计没有兴趣,只是对两种可能性中的哪一种更快感到兴趣。 编辑2: 我将尝试使其更加清晰。如前所述,我们将获得数据,其中一些日期很少会属于不同

  • 问题内容: 如何获得比Long.MAX_VALUE大的整数? 我希望此方法返回: 问题答案: 该方法无法返回。这是该 点 的。如果它的名字是… false,那 真是 令人困惑。然后应该只调用它,并且合理地使用零个字。只需使用Android的isUserAGoat,您就可以滚动自己的始终返回的函数。 请注意,内存中的字节数固定。 从Oracle: long:long数据类型是64位带符号的二进制补码

  • 本文向大家介绍webpack 和 gulp 对比相关面试题,主要包含被问及webpack 和 gulp 对比时的应答技巧和注意事项,需要的朋友参考一下 Gulp就是为了规范前端开发流程,实现前后端分离、模块化开发、版本控制、文件合并与 压缩、mock数据等功能的一个前端自动化构建工具。说的形象点,“Gulp就像是一个产品的 流水线,整个产品从无到有,都要受流水线的控制,在流水线上我们可以对产品进行

  • 问题内容: 如何将低延迟数据发送到服务器并通过phonegap返回? 考虑到我没有本地访问php文件的经验,也没有使用node.js或WebSockets的经验,因此我不知道应该使用哪个文件。 问题答案: Android或iOS下的Cordova的较旧版本的浏览器本身不支持WebSocket ,这意味着如果要在客户端上使用它们,则需要使用PhoneGap插件。 有关更多信息,请访问:http :

  • 本文向大家介绍如何选择是使用webpack还是rollup?相关面试题,主要包含被问及如何选择是使用webpack还是rollup?时的应答技巧和注意事项,需要的朋友参考一下 如何选择是使用webpack还是rollup? #2073 #2082

  • Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 一、webpack的初体验 1.1、初始化环境 > npm init 1.2、安装 webpack #本地目录 安装 webpack 及配套的 w

  • 问题内容: 功能接口的定义是“功能接口是仅具有一个抽象方法(除Object的方法之外)的接口,因此表示单个功能协定。” 根据此定义,绝对是功能接口。 lambda表达式的定义是“ lambda表达式就像一种方法:它提供了形式参数的列表以及根据这些参数表示的主体(表达式或块)。” 对lambda表达式的求值将生成功能接口的实例。 因此,lambda表达式的目的是能够通过实现功能接口的单个​​功能来创

  • 问题内容: 在教程中,我学会了使用。现在,我了解到,很多人对此表示反对。我已经尝试过,但随后它实际上将其发送到打印机。 那么我应该使用哪些替代方法,为什么不使用呢?w3schools和MDN都使用。 问题答案: 作为推荐的替代方法,您可以使用DOM操作直接查询节点元素并将其添加到DOM。