《Vue3 前端构建工具》 Vue-cli 与 Vite 创建项目的插件和配置对比

2024-01-02 18:51:52

前言

2024 年 啦！Vue2 也于 2023.12.31 寿终正寝 ！ 然而我的 Vue3 升级一再拖延（惭愧不已）~ 赶起来吧~

今天用 vue-cli 和 vite 分别创建了 Vue3 项目，具体实现步骤见如下两篇。

本章的重点是对比一下两者的 插件 和 xxx.config.js 配置。更深刻的理解 前端构建工具 异同点！

环境

  • npm 版本 v8.13.2

  • node 版本 v14.20.1

  • vue-cli 版本 5.0.8

  • vite 版本 v4.4.8

环境都不算太高，实用即可~

对比

共同安装的插件有：vue3 + sass + vuex + router + element-plus

package.json

命令和插件对比，左是用 vue-cli，右是 vite
在这里插入图片描述

xxx.config.js

配置对比，左是 vue-cli 生成的文件 vue.config.js ，右是 vite 生成的文件 vite.config.js
在这里插入图片描述

最后

此篇不评价哪个前端构建工具更好，仅做对比和学习~

文章来源:https://blog.csdn.net/sinat_31213021/article/details/135345991
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。