JavaScriptのリファクタリングツール「jscodeshift」の使い方 - Qiita

はじめに JavaScriptのコードを一括で変換したり修正したい場合、正規表現などを使い置換しますか？ シンプルなケースであればそれでも問題ないですが、複雑な変換であればASTベースでコードを自在に変換できる「jscodeshift」が便利です。 jscodeshiftを利用すると、以下のようなことができます。 例) functionで書かれた関数をアロー関数に一括で変換 target/arrow-function/index.js const fn = function() { console.log("foo"); }.bind(this); [1, 2, 3].map(function(v) { return v * v; }); Promise.resolve() .then(function() { console.log("foo"); }) .then(function()

[toshi-toma]

jscodeshiftの紹介から、基本的な使い方まで書きました。ASTの入門としても良いと思います！すごい使われてるのに、ドキュメントや日本語の記事がほとんど無かったので。

[infobloga]

すごい。できればeslint autofixに統合してほしい

[igrep]

おっ、ここまで詳しい解説は初めてみるね。

[dahiyu]

使ってみたい

[bake0937]

おおお！便利そう

[yug1224]

レガシーコードのリプレイスに使えるかも？

[yarumato]

“Facebook開発のjscodeshiftを利用すると、functionをアロー関数に一括変換、varをconstまたはletに書き換えなど可能。AST（抽象構文木）はソースコードを木構造で表現。AST操作を簡単に行える”

[grapswiz]

WebStormに組み込まれてほしい

[kj131]

“jscodeshift”

[field_combat]

へー