Vue3 出来后，Pinia 成了“官方推荐状态管理”，文档清爽，API 看上去现代化，我第一时间把原项目从 Vuex 切成了 Pinia。 起初一切顺利——setup 写法简洁，类型提示优秀，组件用

前言 在日常开发中会涉及到各种按钮请求，测试人员经常怼着一个按钮狂点不止。这样导致很多数据重复提交！ 前端人员经常怼着测试说：你能不能不要点那么快啊！ （由于有时候接口返回比较慢） 测试回怼：我不知道

网上有一大堆关于格式化vue代码的方法，但基本都配合使用了prettier格式化插件，相信捣鼓过的同学肯定会跟我一样都有一种感受：杂乱！prettier插件在使用的时候需要与eslint配合使用...

通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！

真的烦躁，一个月拿着死工资，每天写着增删改查，不知道以后能做什么，有时候真的想离职，进广东电子厂.... 这段时间，XXXX 要加一个海康监控，哎。 苦命开发 从官网下载下来的web包 \webs\c

一、图片打包原理 项目包自带webpack模块，会自动对项目进行打包，剔除代码中没用到的资源，假设assets里放了100个图片，代码中就用了10个，打包时会自动只打包10个，其中img的src中书写

关于代码混淆网上案例铺天盖地，90%以上都是`Webpack`相关来处理代码混淆，对于`Vite`的案例少之又少，在解决vite项目代码混淆我花了一些时间来找合适的插件区处理这个问题。

这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口main.js及其依赖则打包成了app.js和app.css，公共依赖都…

手动使用webpack配置vue3开发环境。包括配置vue,css,sass,typescript,pinia,element-plus.