那么我们就可以得出我们要插入的内容结构为:
接下来就交给 jscodeshift 帮我们生成
$.importSpecifier($.identifier("Select"))
得到 AST 结构后我们还需要查看我们要插入的位置,回到之前的 AST 结构中
我们发现导入的资源组件内容都放在了 specifiers 属性中,那我们就可以动手操作了,我们在项目中找到 create.js 文件
通过运行代码,可以发现结果已经变成了我们修改后的内容。
import React from "react";
import { Button, Select } from "antd";
import { moment } from "moment";
var name = ["张三", "李四", "王五"];
4、删除
讲完查,改,增,最后就剩下我们拿手的删了
需求它又来了,页面这个时候不需要 antd 组件了,也就是将 import { Button } from "antd"; 这句话移除
那就老规则,先找到 antd 这个元素所在的 AST,然后将它置为空即可