こんにちは、お読みいただきありがとうございます。 ケン(@gootablog)です。 仕事でVue.jsを書いています。jsを書くとimportやrequireでライブラリや自分で書いたモジュールを使う機会がありますよね。 自分が参加しているプロジェクトでインポートしたファイルの依存関係を調べたいということがありました。 そのときに同僚がMadgeという依存関係を視覚化できるライブラリを教えてくれました。とても便利だったので紹介します。 (インストールなどの方法はMacでのやり方です) 「Madge」とは? https://www.npmjs.com/package/madge JSの依存関係をリスト化したり、視覚化できるライブラリです。 インストールしてコマンドを実行するだけで出力することができます。 インストール グローバルにインストールします。 $ npm -g install ma
![JSの依存関係を視覚化できる「Madge」が便利すぎる - GOOTA TECH](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d9e0567a842a5d8641fa9e64b45770fe00735ff/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2Fbbada3cxolas%2F7DyQyOSqVqJSepOYm8Aa2f%2Fe652b3c664ff04e5d8ce727c4230a80c%2Fmadge_eyecatch.png)