公司中代码存在大量,因此产生
可以使用 @babel/parser 解析代码生成 AST (抽象语法树),然后使用 @babel/traverse 进行遍历并删除所有的 console.log 语句,最后使用 @babel/generator 生成修改后的代码。
这里有一个网址,可以线上解析代码转换成AST语法树:
https://astexplorer.net/
- 安装必要的包:
// 引入
const fs = require('fs');
const path = require('path');
const parser = require('@babel/parser');
const {exec} = require('child_process');
const traverse = require('@babel/traverse').default;
const generator = require('@babel/generator').default;
- 创建一个脚本文件,例如 removeConsoleLogs.js:
// AST语法树去除console.log
const delLog = sourceCode => {// 解析源代码生成 ASTconst ast = parser.parse(sourceCode, {sourceType: 'module',plugins: ['jsx'],});// 遍历 AST,并移除所有的 console.logtraverse(ast, {CallExpression(path) {if (path.node.callee.type === 'MemberExpression' &&path.node.callee.object.name === 'console' &&path.node.callee.property.name === 'log') {path.remove(); // 移除 console.log 调用节点}},});// 使用 escodegen 重新生成优化后的代码const optimizedCode = generator(ast);return optimizedCode.code;
};
说明:
解析代码生成 AST:使用 @babel/parser 将 JavaScript 代码解析成 AST。
遍历 AST:使用 @babel/traverse 遍历 AST,并找到所有的 console.log 调用表达式并删除它们。
生成新的代码:使用 @babel/generator 生成修改后的代码。
示例:
let code = `
import React, {useState} from 'react';
const App = () => {const [counter, setCounter] = useState(0);const handlePress = () => {console.log('Button pressed'); // 这个 console.log 将会被移除setCounter(counter + 1);};return null;
};
`;console.lo