vueのbuild時にjsファイルを圧縮したい

Question

前提・実現したいこと

vueのbuild時にjsファイルを最大限まで圧縮したいです。

発生している問題

.js ファイルが最大限まで圧縮されない。

再現手順

1. vue CLI を利用して新規プロジェクトを作成する

$ vue create test
? Check the features needed for your project: 
Babel, Router, Linter

? Use history mode for router? 
No

? Pick a linter / formatter config:
Standard

? Pick additional lint features: 
Lint on save

? Where do you prefer placing config for Babel, ESLint, etc.?
In dedicated config files

1. ビルドする

npm run build

1. 圧縮されていないjsファイルが出力される

試したこと

• 1. NODE_ENVを指定する

本来 vue-cli-service build はデフォルトで --mode production なので指定は不要と思いますが一応付けて試しました。
※--mode と NODE_ENV が同一のものを表しているかは不明です…。
参考 https://cli.vuejs.org/guide/cli-service.html#vue-cli-service-build

set NODE_ENV=production
npm run build

447 KB から 116 KBに変化した。

しかし、Gzipped 40.77 KiB と書かれているのに実際は116KBです。

なぜ 40.77 KiBのファイルができないのでしょうか。

補足情報（FW/ツールのバージョンなど）

• Vue CLI v4.1.1

Answer 1

こちらのブログの内容を参考にしてみてはどうでしょうか。
Vue.jsでビルド時にgzipファイルを出力する方法

Comments

[daiki002]

gzipにすると実際の利用で色々設定が面倒になるので、gzip にするまでは考えなくていいことが分かりました。
minifyされたファイルサイズが116KBでしたので、これで利用していこうと思います。