如何在 Jscodeshift 中正确导出 const

Question

我正在使用 Jscodeshift 编写我的第一个 codemod。我当前的目标是导出分配了特定标识符的常量。

因此，如果我定位每个名为 的变量stuff，它将在脚本运行后被命名导出。

在：

const stuff = 4;

出去：

export const stuff = 4;

这是我所拥有的的精简版本。它确实有效，但看起来很脆弱，并且有很多缺点。

const constName = "stuff";

module.exports = (fileInfo, api) => {
  const j = api.jscodeshift;
  const root = j(fileInfo.source);

  const declaration = root.find(j.VariableDeclaration, {
    declarations: [
      {
        id: {
          type: "Identifier",
          name: constName
        }
      }
    ]
  });

  declaration.forEach(n => {
    n.insertBefore("export");
  });

  return root.toSource();
};

谷草转氨酶

这将导致（注意不需要的新行）

export
const stuff = 4;

如果将此源提供给脚本，这也会严重失败。

在：

// hey
const stuff = 4;

出去：

// hey
const stuff = 4;

我非常确信这n.insertBefore("export");确实是罪魁祸首，我想使用 jscodeshift 构建器自己构建命名导出，但实际上无法让它工作。

这里有什么建议吗？

Answer 1

.insertBefore不是正确的使用方法。这是为了在另一个节点之前插入一个全新的节点。

如何将a替换VariableDeclaration为ExportNamedDeclaration. 如果您查看 AST，export const stuff = 4;您会发现它有一个declaration值为VariableDeclaration节点的属性。这使我们的转换变得容易：找到VariableDeclaration，创建一个新的ExportNamedDeclaration，将其declaration属性设置为找到的节点，然后用新节点替换找到的节点。

要了解如何构建节点，我们可以查看 的ast-typeast 定义。

const constName = "stuff";

module.exports = (fileInfo, api) => {
  const j = api.jscodeshift;

  return j(fileInfo.source)
    .find(j.VariableDeclaration, {
      declarations: [
        {
          id: {
            type: "Identifier",
            name: constName
          }
        }
      ]
    })
    .replaceWith(p => j.exportDeclaration(false, p.node))
    .toSource();
};

探索者