merutin

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">パッケージの分割したものが大体あるので、それを利用できないか検討する
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">
<a href="https://www.npmjs.com/package/googleapis" target="_blank" rel="nofollow noopener noreferrer">googleapi</a> の場合は全部じゃないけど、<a href="https://www.npmjs.com/package/@googleapis/sheets" target="_blank" rel="nofollow noopener noreferrer">@googleapis/sheets</a> みたいな一部のみのパッケージが存在するので、そっちに切りかえる</li>
</ul>
</li>
<li data-line="2" class="code-line">importの仕方を変えることで、bundleしたときに含まれるファイルを減らす
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">ちゃんと分割されているパッケージではrootの要素以外をimportすることでサイズが減らせる</li>
<li data-line="4" class="code-line">
<a href="https://mui.com/material-ui/guides/minimizing-bundle-size/" target="_blank" rel="nofollow noopener noreferrer">material ui</a>  だとこんな感じ</li>
</ul>
</li>
<li data-line="5" class="code-line">同じことができる、小さいパッケージにする
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line">dayjs → date-fnsみたいなの</li>
</ul>
</li>
<li data-line="7" class="code-line">そもそも使わないようにする
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">lodash がよく言われる</li>
</ul>
</li>
</ul>


<p data-line="0" class="code-line">terser、minifyのオプションがあれば設定する</p>
