当前位置: 首页 > 网络应用技术

webpack

时间:2023-03-07 15:13:12 网络应用技术

  什么是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