前端架构设计
文章平均质量分 93
手把手带你搭建一个基于webpack5的前端框架,再带你学习一套符合可持续发展的前端工作流程,仓库地址:https://gitee.com/huqinggui/webpack5_base.git
前端纸飞机
潇潇暮雨子规啼
展开
-
【章节4】原项目升级到webpack5并进行配置优化全流程
以升了wepack5 再 做commit 预处理的方案,也可以先commit 预处理 再来 升webpack5,我这是后者。基础工程:https://gitee.com/huqinggui/webpack5_base.gitclone 下来后需要切换到webpack4-d2分支项目体积越大越能看见差异,最好是编译几分钟以上的项目,如果是1分钟以内的就没必要升级webpack5了(需要用到webpack5联邦模块的例外),我这个工程我大概构建速度20s,代码量几乎没有。原创 2023-06-03 23:24:07 · 1783 阅读 · 4 评论 -
【章节3】Webpack5 对比 Vite,孰强孰弱?
Webpack5是Webpack的最新版本,带来了很多新功能和性能优化,例如预取和预加载、模块热替换、持久化缓存等。如果项目需要开发体验好,建议使用Vite;Vite的打包速度比Webpack更快,这是由于Vite采用了ES6模块的方式,因此可以使用浏览器本身的解析器来加载模块,而Webpack需要先把所有的模块打包成一个大文件,再进行解析。Webpack拥有更为庞大的生态系统和插件库,因此可以为不同的需求提供更加专业的解决方案。Vite是一个现代化的构建工具,旨在提供快速的开发体验和高性能的构建结果。原创 2023-05-29 23:01:11 · 2779 阅读 · 0 评论 -
【章节2】husky + 自动检测是否有未解决的冲突 + 预检查debugger + 自动检查是否符合commit规范
husky的作用以及husky的常用钩子husky的钩子在.husky下就是对应的文件,这些是自动执行的,需要啥就建啥简单脚本写法,print 和 echo两者差异lint-staged 和 commit规范 commitlint 的作用和用法npx husky add 用法debugger不可以进仓库。原创 2023-05-28 15:07:03 · 1571 阅读 · 1 评论 -
【章节1】git commit规范 + husky + lint-staged实现commit的时候格式化代码
git commit规范要熟知和养成习惯lint-staged的作用和配置husky的作用和怎么写一个简单的脚本以上希望大家都能掌握,下一章节再见👋!原创 2023-05-28 02:47:33 · 2351 阅读 · 3 评论