啥意思这段话，vue-cli与vite的区别

最新推荐文章于 2024-05-15 15:01:20 发布
最新推荐文章于 2024-05-15 15:01:20 发布
阅读量1k 收藏 1
点赞数
分类专栏： vue JavaScript 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40945354/article/details/119973608
版权
vue 同时被 2 个专栏收录
722 篇文章 4 订阅
订阅专栏
JavaScript
628 篇文章 6 订阅
订阅专栏

vue-cli基于webpack封装，生态非常强大，可配置性也非常高，几乎能够满足前端工程化的所有要求。缺点就是配置复杂，甚至有公司有专门的webpack工程师专门做配置，另外就是webpack由于开发环境需要打包编译，开发体验实际上不如vite。

vite开发模式基于esbuild，打包使用的是rollup。急速的冷启动和无缝的hmr在开发模式下获得极大的体验提升。缺点就是该脚手架刚起步，生态上还不及webpack。

https://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg==&mid=2247488925&idx=1&sn=c39184dbeefac7e2ded08cda287ced0d&chksm=ce48c5b0f93f4ca624ac3048117a2ff4ac2b05827a2c54b5e2295dbf9e8b41c5088f7c9367ee&mpshare=1&scene=24&srcid=0828BmLY6rgKA2zM5cUAHJVW&sharer_sharetime=1630153265180&sharer_shareid=c90da6f9359c4bbcbdc5093376cb8d86&ascene=14&devicetype=android-29&version=28000a3d&nettype=WIFI&abtest_cookie=AAACAA%3D%3D&lang=zh_CN&exportkey=AeyLoBW6tcdMnl33rPSpBqQ%3D&pass_ticket=sWC3KjjzuHNytS9WA7ZcCBiFdbv5qkUH43Cq50f%2BkL83M78eMGM%2BNcJxo8TFr6eq&wx_header=0

hamimelon2020
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vite与Vue-cli的区别和特点
m0_60970928的博客
02-07 3736
Vite是创建vue3.0时的一个基本项目脚手架和开发服务器的构建工具，他和vue-cli类似，本期就给大家讲解一下两个脚手架之间的区别和特点。以上就是在Vite与Vue-cli的区别和特点以及如何使用这两种脚手架搭建Vue3.0的项目。希望本篇文章能够帮助到你，不懂得可以评论区或者私信问我，我也会一 一解答。我的其他文章:https://blog.csdn.net/m0_60970928?
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
Vue3/ Vite 的使用介绍 、Vite 方式工作流程 与 传统方式工作流程区别
m0_64494670的博客
01-06 1098
Vue3/ Vite 的使用介绍 、Vite 方式工作流程 与 传统方式工作流程区别
一篇文章说清 webpack、vite、vue-cli、create-vue 的区别
前端打工人的博客
05-10 3450
webpack、vite、vue-cli、create-vue 这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。 先看这个表格： 脚手架 vue-cli create-vue 构建项目 vite 打包代码 webpack rollup 脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生成demo。 构建项目：建立项目的运行环境，需要手动安装插件。 打包代码：代码写好之后，为了更好的使用，需要打包处理一下。 是不是有了一个整体的感觉？我们再来详细的看一下。 vue-
vue3和vite
最新发布
s8806479的博客
05-15 814
客户端渲染效率比vue2提升了1.3~2倍SSR渲染效率比vue2提升了2~3倍。
Vue脚手架（cli和vite详解）
stc_ljc的博客
11-29 5252
Vue 不会强制你选择某种开发、打包方式，但vue的生态系统提供了许多工具，例如 Vue CLI 和最近的推出的Vite js。那么你应该使用 Vite 还是 Vue CLI？在做出选择的时候，了解 Vite 和 Vue CLI 之间的区别会对我们有很大的帮助。在本文中，我将带着了解一下 Vite 与 Vue CLI，以便你可以根据自己的需求做出最佳选择。
Vite 与 Vue Cli 对比 - 尤雨溪: Vite 会取代 vue-cli 吗？
热门推荐
蒋川@卡拉云
05-20 2万+
尤雨溪在发布 Vite 之后写了一条推，感觉不会在用 webpack 了（Vue-cli 基于 Webpack 开发，并配置了 Webpack 打包规则），Sean 是 Webpack 核心开发者，会一些中文，在尤大这条下面直接感叹。 Vue-cli 一直是 Vue 2 默认官方脚手架工具，Vue-cli 基于 Webpack 开发。Vue 3 发布后，尤大同时发布了 Vite ，那么 Vue 3 同时有两个前端打包工具 Vite 和 Vue CLI，那么他们俩应该怎么选呢？
vue-cli系列之vue-cli-service整体架构浅析
12-07
可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要内容以备注形式写到代码中。）。 关键代码 vue-cli-service.js const semver = require('semver'...
vue-cli-plugin-vite-use
04-18
vue-cli-plugin-vite 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 运行单元测试 yarn test:unit 整理和修复文件 yarn lint 自定义配置 请参阅。
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
vue-cli-plugin-tailwind 一个将Tailwind CSS添加到您的vue-cli项目的插件。入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果...
vue2+iview+webpack 和vue3+vben+vite的技术对比的ppt
07-31
vue2+iview+webpack 和vue3+vben+vite的技术对比的ppt,用于解释为什么使用新技术和框架
vue webpack/vite的区别
A12536365214的博客
10-17 624
总结，Vite 是一个新兴的构建工具，旨在提供更快的开发体验和更简单的配置，适合单页面应用和快速原型开发。Webpack 是一个成熟的工具，适用于各种类型的前端项目，但通常需要更复杂的配置。您可以根据项目需求和个人偏好选择适合您的工具。Vue 3 与 Vite 集成得很好，但也可以与 Webpack 一起使用。Vue.js 可以与不同的构建工具一起使用，其中两个主要的工具是 Webpack 和 Vite。
vue cli和vite区别
atarik@163.com
10-09 530
在开发中，我们不可能所有的项目都使用vite从零去搭建，比如一个react项目、Vue项目;这个时候vite还给我们提供了对应的脚手架工具；注意：Vite本身也是依赖Node的，所以也需要安装好Node环境,并且Vite要求Node版本是大于12版本的；vite对TypeScript是原生支持的，它会直接使用ESBuild来完成编译：只需要直接导入即可；注意：在vite2中，已经不再使用Koa了，而是使用Connect来搭建的服务器。vite可以直接支持css的处理:直接导入css即可；
Vite或Vue CLI来选一个最适合你的
Free雅轩的博客
10-11 1561
如果你看过该课程的第一课（它是免费的），你将了解如何开始，但在我们将其与 Vue CLI 和 Webpack 进行比较之前，我们需要了解 Vite 的工作原理。当你创建一个基本的 Vite 项目（在我们的例子中，是 Vue 3 的 Vite 项目）时，index.html文件是非常基本的： [erji]index.html[/erji]但是随着 Vue 的发展，我们开始需要某种程度的打包功能。在 Vue CLI 中，你调试的是Webpack 生成的代码（通过使用源代码映射），而不是调试的你正在编写的代码。
使用vite创建vue项目和使用vue-cli创建项目的区别
NolanKy 的 技术博客
07-07 7705
Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。 通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。 使用 npm： $ npm init @vitejs/app <project-name> $ cd <project-name> $ npm install $ npm run dev 或者 yarn： $ yarn create @vitejs/app <project-name> $ cd
Vue-cli和Vite
linkedin_39424977的博客
08-11 387
Webpack有着生态更加丰富的loader，可以处理各种各样的资源依赖，以及代码拆分(Code Splitting)和按需合并。在开发环境：基于对源码文件，用Webpack对代码进行打包，结合webpack-dev-server提供静态资源服务。在开发环境：基于浏览器原生ES6 Modules，无需对代码进行打包直接让浏览器使用。（创建完是没有node_modules包的，需要npm install后生产node_modules）启动项目：先 npm install 再 npm run dev。
vite初识，vite与vuecli对比
weixin_41711593的博客
08-05 1429
vite初识，vite与vuecli对比
vue-cli和vite的区别
06-07
Vue CLI 是一个官方的脚手架工具，用于快速搭建 Vue.js 项目，它提供了一整套的构建工具链，包括但不限于：webpack、Babel、ESLint 等，可以轻松地创建、管理和维护 Vue.js 项目。Vue CLI 的主要特点包括： 1. 快速...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值