Webpack
Webpack 是一个基于打包器的构建工具，同一个入口文件的代码会打包成一个 Bundle 文件。Webpack 长期来的一个痛点是对于大规模应用的应用启动和热更新速度很慢。
安装
1 | npm install -g vue-cli@latest |
创建项目
1 | vue create my-project |
安装依赖
1 | npm install |
运行
1 | npm run serve |
打包
1 | npm run build |
Vite
Vite 是旨在提升开发者体验的下一代 JavaScript 构建工具，核心借助了浏览器的原生 ES Modules 和像 esbuild 这样的将代码编译成 native code 的打包工具。
创建项目
1 | npm create vite |
安装依赖
1 | npm install |
运行
1 | npm run dev |
打包
1 | npm run build |
总结
Webpack 和 Vite 都是构建工具，个人而言，开发小型项目时，Vite 会更快，而开发大型项目时，Webpack 会更稳定。
参考
https://blog.csdn.net/sunyctf/article/details/128059586
https://juejin.cn/post/7106136866381889573