大家好呀，我是奈德丽。上周在做Code Review的时候，看到同事小李在Vue3项目中一行代码：@vue:mounted，是不是你也觉得有点似曾相识，一起来看看吧！

Nuxt3的基础框架搭建、基本目录介绍、环境变量设置、按需引入antdv、错误页面介绍、状态管理、接口内容封装以及开发过程中遇到的问题等

前言 最近项目的技术栈转到vue3 + vite + ts，有着一定的定制化构建需求，因此才有了以下实践。 目录结构 目前的构建需求是：一套配置+多模块页面输出。目录结构大致如下: dist目录为打包

Vite+Ts+Vue3多页面工程, 实现模块化打包、模块化运行、新增模块，集成了Eslint+Prettier+Stylelint来实现自动格式化修复， 使用Husky + lint-staged等

vite 实现多页面打包 vite.config.js html 模板 js文件 打包 htmlTemplate 插件，处理html插槽

需求描述 项目中有视频播放功能 采取的是开源组件，西瓜视频的开源组件 点击去官网xgplayer 大致需求就是若视频没有播放完毕，就不允许拖拽跳着观看 当然会有一个字段记录视频有没有播放完毕 需求实现

介绍在Vue项目中使用Vite进行打包优化的多种方法，包括打包体积分析、文件分类输出、JS模块最小化拆分、代码压缩、剔除console和debugger、文件压缩、图片压缩、CDN加速、按需加载等

vue3 + vite项目打包优化 优化方案： build 视图分析依赖文件 第三方库CDN引入 依赖文件分包 gzip压缩文件 部署前配置history路由模式的404问题 一、build 视图分析

在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发，但是这些组件库提供的组件并不一定满足我们的需求，这时我们可以通过对组件库的组件进行二次封装。