--- theme: cyanosis highlight: atom-one-dark ---

前面项目基本功能已经实现完了，这一篇集成一下sentry监控平台，监控一下前后端异常，可以帮助我们快速定位线上bug。

关于 commitlint, husky, eslint 的具体信息可以见官网。 prettier。 一个很流行的代码格式化工具，你很容易在编辑器找到实现它的各种插件，像vscode,atom,webstom都可以找到。这里用它在代码提交前做代码格式化。 eslint。 代码检…

本文主要介绍如何自定义 webpack5的 loader 和 plugin 的过程；有助于理解项目中运用的知识；

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

这篇文章不涉及 Webpack 的原理，只是观察下 Webpack 对 commonjs 和 esmodule 模块打包后的产物，读完后会对模块系统有个更深的了解。

🌻 前言 前几天我工作比较闲，就想着看看我司的前端项目有什么可以性能优化的点。于是乎在一个h5项目里，发现没有配置缓存策略。我找到架构组的同学，说明了这个问题。 因为此项目是部署在腾讯云服务器上的，在

这篇文章介绍了 Next.js 中官方提供的所有数据获取方式，这些数据获取方式看似相似，其实在理解了对应的渲染机制后还是比较好理解的。

谈到前端工程化，脑海中就会浮现Webpack、Eslint、Babel、Gulp、Rollup等字眼，甚至还有CI/CD（持续集成/持续部署）、自动化测试等高深概念。这篇文章将尝试用最简单的白话来了解