什么是WebPack,Vite,Vue-Cli,创建效果?看起来有点头晕,不要害怕,让我们将其区分。
首先查看此表格:
||||:---:|:----:|:---:| ||乐队|vue-cli |create-vue |建筑项目||Vite ||包装代码|webpack |滚动|
您有整体感觉吗?让我们详细了解一下。
官方网站:https://cli.vuejs.s.org/zh/index.html
Vue Cli的软件包名称从Vue-CLI更改为 @Vue/CLI
Vue-CLI是Vue的脚手架。使用WebPack创建VUE项目。您可以选择安装所需的各种插件,例如Vuex,Vuerouter等。
Vue-CLI用于创建VUE2项目;@vue/cli用于创建VUE3项目,当然也支持VUE2。
使用相对繁琐。首先,您必须安装脚手架,然后使用创建项目。不会引入特定的。
官方网站:https://staging-cn.vuejs.s.org/quide/quick-start.html#with-build-tools
Create-Vue是VUE3的专用脚手架。要使用Vite创建VUE3项目,您还可以选择安装要安装的各种插件,这更容易使用。
然后,我们可以选择所需的各种插头:
官方的最新文件无法再看到Vue-CLI。仅使用创建票证,因此您可以放心。
官方网站:https://cn.vitejs.dev/
Vite(法语表示“快速”,发音,带有“ Vert”的发音)是一种新型的前端构造工具,可以显着改善前端开发体验。它主要由两个部分组成:
使用Vite不仅可以创建VUE项目,还可以创建React和其他项目。它只需要手动安装第三方插头,这有点麻烦。
当前的支持模板预设如下:
Vanillavanilla-tsvuevue-tsreact-tspreactPreact-tslitlit-tssveltesveltesvelte-TS官方网站:https://rollupjs.org/guide/en/
滚动是一个包装工具。特征是包装袋非常精简并且很小。官方网站是英语,中文信息相对较小,但幸运的是,常规用法可以涉及Vite的官方网站。
您的答案(https://www.zhihu.com/question/4777139054/answer/2156019180)
Webpack Core是一种纯包装工具(基准测试汇总),Vite实际上是更高级别的工具链解决方案。目标是(Web Pack + Web + WebPack-Dev-Server的常见配置)。
由于WebPack Core仅适用于包装和不满意的方案,因此设计非常灵活。它不仅限于Web包装。几乎所有可配置的链接都配置了。对于某些特定方案,这种极端的灵活性仍然不可替代。但是,由于配置项目非常复杂,插件机制和内部逻辑是晦涩难懂的,而且数量很大常见网络需要配置。
此外,尽管单独释放了大量的装载机插件,但是有各种隐藏的耦合,这很容易配置不正确的影响。对于新手来说,不可能使用功能等效的程度来从scratch打开盒子到打开盒子从scratch.vue-cli)的框,或支持被称为Webpack配置工程师角色的人。
webpack是一个全能的玩家,可以做任何事情,但这有点复杂,对新手不友好。滚动是一颗新星,这更简洁。。
因此,如果您想创建一个VUE3项目,则首选的创建优势非常方便且快速,并且该项目的建立也可以统一。
原始:https://juejin.cn/post/7095603836072493086