按照本文的步骤，你可以在你的现有项目中快速地加入 husky、eslint、stylelint、lint-staged、commitlint一系列代码校验工具，为编写高质量代码打下坚实的基础

本文将为你提供最全的常用 shell 命令操作指南，高级/资深前端工程师往往已经能够熟练使用大量shell命令来为自己提效，在日常开发中能帮你替代大量的鼠标操作

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。

script标签的位置不当的话，会阻塞html的解析，进而影响首屏速度 关键词解释 解析，渲染，触发页面paint。下载，执行

async属性可以让script标签变得不阻塞HTML解析，并且立即执行。在webpack项目内，可以放心对多个script标签使用async属性，webpack已经对产物做好了兼容

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！

Webpack 可以看做是模块打包机，把解析的所有模块变成一个对象，然后通过入口模块去加载我们的东西，然后依次实现递归的依赖关系，通过入口来运行所有的文件。本文主要介绍 webpack5 的常用配置

网上关于babel兼容性实现方案的剖析有很多，但大部分剖析案例已经不适用于现在的babel生态。作者在最新babel7的基础上，不断编译验证，发现跟网上大部分剖析文案还是有很大不同。所以，输出本文的目