webpack和vue-cli之间有什么关系呢？

发布网友 发布时间：2022-04-20 04:36

我来回答

共1个回答

热心网友 时间：2023-06-26 06:58

先看这个表格：

是不是有了一个整体的感觉？我们再来详细的看一下。

官网： https://cli.vuejs.org/zh/index.html

vue-cli 是 Vue 早期推出的一款脚手架，使用 webpack 创建 Vue 项目，可以选择安装需要的各种插件，比如 Vuex、VueRouter等。

vue-cli 用于创建 vue2 的项目；
@vue/cli 用于创建 vue3 的项目，当然也支持 vue2。

使用起来还是比较繁琐的，首先要安装脚手架，然后使用 vue create hello-world 创建项目，具体的就不介绍了。

官网： https://staging-cn.vuejs.org/guide/quick-start.html#with-build-tools

create-vue 是 Vue3 的专用脚手架，使用 vite 创建 Vue3 的项目，也可以选择安装需要的各种插件，使用更简单。

然后我们可以选择需要的各种插件：

官网： https://cn.vitejs.dev/

使用 vite 不仅可以创建 vue 的项目，而且可以创建 react 等项目，只是需要手动安装第三方插件，有点麻烦。

目前支持的模板预设如下：

官网： https://rollupjs.org/guide/en/

rollup 是一种打包工具，特点就是，打的包非常精简，体积小。
官网是英文的，中文资料也比较少，不过好在常规用法可以参考 vite的官网。

尤雨溪在知乎的一次回答（ https://www.hu.com/question/477139054/answer/2156019180 ）里提到：

webpack 是一个全能选手，啥都能干，只是有点复杂，对新手不太友好。
Rollup 是后起之秀，打包更简洁。
vite 把 rollup 变成了“开袋即食”，便于新手入门。
create-vue 基本取代了 vue-cli，除非你想创建 vue2 的项目。

所以，想创建一个 vue3 的项目，首选 create-vue，非常方便快捷，建立的项目也可以统一风格。