需要解决的问题 扣取下来的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处理
