工程化

浅析Vite本地构建原理随着Vue3的逐渐普及以及Vite的逐渐成熟，我们有必要来了解一下关于vite的本地构建原理。对于webpack打包的核心流程是通过分析JS文件中引用关系，通过递归得到整个项目的依赖关系，并且对于非JS类型的资源，通过调用对应的loader将其打包编译生成JS 代码，最后再启动开发服务器。

酒茶白开水

Vue2 基础六前端工程化传统开发模式的主要问题：命名冲突、文件依赖。模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块，好处就是：方便代码的重用，从而提升开发效率，并且方便后期的维护。

【性能监控】如何有效监测网页静态资源大小？作为前端人员肯定经常遇到这样的场景：需求刚上线，产品拿着手机来找你，为什么页面打开这么慢呀，心想自己开发的时候也有注意性能问题呀，不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能，打开浏览器控制台一看，页面上的这些配图每张都非常大，心想这些配图都这么大，页面怎么快，那么我们有没有办法监测页面上的这些静态资源大小，从而避免这种情况的发生。

2024 高级前端面试题之前端工程相关「精选篇」该内容主要整理关于前端工程相关模块的相关面试题，其他内容面试题请移步至「最新最全的前端面试题集锦」查看。

iOS 自动签名打包，并用脚本上传appstore1）测试环境给测试，产品，或者其他业务人员打测试包时，经常存在需要添加设备，不得不重新生成描述文件，手动去更新打包机描述文件配置 2）证书，描述文件过期造成打包失败，需要重新生成描述文件，证书等。并手动更换 3）开发人员设备需要手动安装证书，描述文件，p12文件等。过期时也要手工更换 4）测试验收完最后一个包时，需要手动打包上传到appstore

薛定谔的猫96

前端需要理解的工程化知识Git 有4个区域：工作区（workspace)、index（暂存区）、repository（本地仓库）和remote（远程仓库），而工作区就是指对文件发生更改的地方，更改通过git add 存入暂存区，然后由git commit 提交至本地仓库，最后push推送到远程仓库。

前端工程化整个江湖中只有一个传奇，就是”程序员”分工协作是社会发展的必然选择。从传统的手写页面的认知阶段走到工程化的世界，是跨越性。