Chart.jsのバンドルサイズがデカい

@next/bundle-analyzer でバンドルサイズを調べてみると

/.next/analyze/client.html

chart.mjsが150kbぐらいある．写ってはいないがleaflet-src.jsも150kbぐらいある．

./node_modules/chart.js/package.jsonに"sideEffects": falseを追加すると直るらしいが無理でした．

vue-chartjsのcontributorが言うにはChart.js@4.0では直るらしい.
気長に待つしかない．

leafletに関しては，leaflet関連のパッケージがimport L from 'leaflet'を使っているとleaflet-src.jsが丸ごと読み込まれるらしい．

今回はleaflet-markers-canvasが原因でした．

Charts.jsのバンドルサイズとしてはこれが限界そう
node_modules/chart.js/dist/chart.jsを見ると，各グラフのクラス自体がたくさんのメソッドをはやしていてそれらが大きいメソッドになっている