代码里console.log比较多,该怎么办【热度: 340】

  1. ESLint配置规则软性禁止:通过配置.eslintrc.json文件,添加"no-console": "warn"规则,使代码中使用console的地方会划上黄色波浪线警示,能一定程度削减console.log数量,但无法真正阻止其使用。
  2. git commit编写规则限制提交:找到项目中的.git/hooks文件夹下的pre-commit.sample文件,将其内容修改为若提交代码中包含console.log则报错提交失败,并将文件重命名为pre-commit。但该规则可被git commit -m 'xxx' --no-verify指令绕过。
  3. 依托于 cicd 的自动检测: 在流水线部署的时候跑 eslint, 如果 console.log 代码增加, 就 拒绝部署即可;
  4. 使用插件删除
    • VSCODE插件:可在插件商店搜索remove-console并安装,找到有console.log的文件使用插件删除,但效果可能不太理想。
    • Webpack插件
      • 可使用terser-webpack-plugin,在项目基于create-react-app脚手架时可直接搜到,在使用处配置drop_console: true,能在打包后去除全部console.log

参考文档: