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，非常方便快捷，建立的项目也可以统一风格。
