你是不是也曾被开发 Chrome 插件的各种配置、打包、调试折磨到怀疑人生？作为一名前端开发者，我深有体会———于是......

现在前端项目的开发过程离不开构建工具，面对琳琅满目的构建工具我们该如何选择最合适的是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时候往往事半功倍。

ESlint ESLint 是一个开源的 JavaScript 代码检查工具，通过静态的分析，寻找有问题的模式（分号、空格等）或者代码。

本文简单介绍了油猴脚本开发步骤以及实现，结合 webpack 让脚本实现工程化，并且配合 github action，让脚本实现自动化构建和部署。

一、背景 起因 最近Chrome浏览器升级到96大版本后，二维码入口从地址栏移动至二级菜单。这对H5前端开发来说不太友好，每次需要页面二维码时都需要多点两下(*￣︿￣)。 因此萌生了开发一个二维码Ch

丰富的 chrome 插件极大的提升我们的工作效率和辛福感，比如大名鼎鼎的 adblock 广告屏蔽、GoFullPage 网页长截图等。本文就从入门讲述如何开发一款 chrome 插件