当在开发各种系统应用时，我们常常需要根据不同用户角色来展示不同的菜单页面，动态路由提供了灵活的路由规则，可以根据需要轻松添加、修改或者删除路由，不仅提升用户体验，还增强应用的安全性，避免无权限用户访问

前言 当我们进行前端开发项目的时候都需要一些构建工具，像 Webpack、Rollup、Snowpack、Vite 等构建工具，而在 Vue3 的官方文档中的创建应用例子使用了 Vite，那么问题来了

计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。 下面是前端前辈进行的

前端小白从零开始搭建项目，使用vite搭建vue项目，手把手教，内附源代码，从此搭建项目轻轻松松！！！

观察者模式和发布订阅模式作为开发中经常使用到的模式，小包一直不能做到很好的区分，前几天在听公开课时，老师详细讲解两种模式，发现自己还是没有吃透。于是小包本文就通过多个案例，形象的解读两种模式，一次吃透

package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。

在看项目的过程中，发现有类似服务端多环境配置的配置，所以研究了下，在网上有多个方案，选了一个当前在用的吧，另外一个没验证 1、原理 对于使用Vite构建的Vue项目，可以使用Vite提供的环境变量来实

在vite项目中我们可能会遇到这样一种情况。 在我们本地开发，第一次进入页面的时候，页面会卡顿很长时间。越是复杂的卡顿时间越久。

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；