webpack Stats JSONの拡張子別アセット表

拡張子ごとにアセット名・サイズを整理します。。入力データはブラウザ内で処理し、外部サーバーには送信されません。

入力

JSON / JSONCファイル（任意・8MB以下）ファイル内容を貼り付け・編集

{
  "version": "5.90",
  "assets": [
    {
      "name": "main.js",
      "size": 10240,
      "emitted": true,
      "chunks": [
        1
      ]
    },
    {
      "name": "main.css",
      "size": 400,
      "emitted": false,
      "chunks": [
        1
      ]
    },
    {
      "name": "lazy.js",
      "size": 3000,
      "emitted": true,
      "chunks": [
        2
      ]
    }
  ],
  "entrypoints": {
    "main": {
      "assets": [
        {
          "name": "main.js",
          "size": 10240
        },
        {
          "name": "main.css",
          "size": 400
        }
      ]
    }
  },
  "chunks": [
    {
      "id": 1,
      "names": [
        "main"
      ],
      "files": [
        "main.js",
        "main.css"
      ],
      "initial": true
    },
    {
      "id": 2,
      "names": [
        "lazy"
      ],
      "files": [
        "lazy.js"
      ],
      "initial": false
    }
  ],
  "modules": [
    {
      "name": "./src/index.js",
      "size": 900,
      "chunks": [
        1
      ]
    },
    {
      "name": "./src/lazy.js",
      "size": 1200,
      "chunks": [
        2
      ]
    }
  ],
  "warnings": [
    {
      "message": "Large bundle warning"
    }
  ],
  "errors": [
    {
      "message": "Cannot resolve test module"
    }
  ]
}

webpack statsのJSONレポートを対象にします。ビルドを実行せず、statsで省略された項目は補完しません。

webpack Stats JSONの拡張子別アセット表

入力

処理結果