webpack吐环境分析

需要解决的问题 扣取下来的webpack文件过大

解决思路 用ast将需要的代码扣下来 结果展示

实现步骤

• 第一步：我们得知道需要哪些模块
  在入口处，增加模块记录
  

• 第二步，分析ast代码
  
  通过分析发现,key 有三种值 分别为NumbericLiteral、StringLiteral、Identifier
  name可以编写如下代码

let find_function = {ObjectProperty(path) {let node = path.node;if (t.isFunctionExpression(node.value)) {if (t.isStringLiteral(node.key) && decode_function.includes(node.key.value)){let function_name = node.key.value;// console.log("function_name:" + function_name, number += 1)function_final_list.push(generator(node).code)}else if(t.isIdentifier(node.key)&& decode_function.includes(node.key.name)){let function_name = node.key.name;// console.log("function_name:" + function_name, number += 1)function_final_list.push(generator(node).code)}else if(t.isNumericLiteral(node.key)&& decode_function.includes(String(node.key.value))){let function_name = node.key.value;// console.log("function_name:" + function_name, number += 1)function_final_list.push(generator(node).code)}}}
}

• 注意
  在isNumbericLiteral的方法，由于我在提取时做了String处理，所有后续的node.key.value 也需要做String处理