使用Vite初始化Vue3项目和使用Vue CLi分别有什么不一样

Question

Vue3项目的初始化有两种方式。分别是使用Vite 和 Vue Cli。
然后配置文件分别是 vite.config.js. vue.config.js
index.html一个在里面，一个在外面。

不知道这两者初始化出来的项目，在未来迭代的过程中分别有什么不一样，有什么优势和劣势

Answer 1

就是构建工具不同，一个基于 vite（背后是 Rollup），一个基于 vue-cli（背后是 Webpack）。

因为构建工具不同，导致用的插件不同。而插件的不同，就导致了一些依赖于这些插件的写法不同（比如静态模板、比如路径别名、比如环境变量等等）。

再一个就是 vite 的模块方案是基于 ESModule 的（核心优势也在于此，容易 Tree-shaking，所以构建快、加载快），所以不支持 IE。

尤雨溪现在在推 vite2，不过现在生态建设肯定是没有 vue-cli 好就是了。看你项目需要，自行选择。