2022/09/03 

VSCodeでJavaScript,CSSを圧縮する

Minify(ミニファイ)という、JavaScriptやCSSなどのコードの中の不要な改行、インデントなどを削除するVS Codeのプラグインがあります。この記事で実際にインストールから実行まで試してみました。

削除するメリット

不要な改行、インデントなどを削除することで得られるメリットですが、以下のことが考えられます。いずれも、開発の規模が大きいほどその効果は高いです。逆に言うと、小規模ではそれほど効果はないかな。

  • Webページの表示速度、サイズが小さくなるので上がる。
  • サーバーの容量が削減できる。
  • ソースコードの解読を難しくし、盗用防止ができるが、盗みたいと思う人は、逆変換もするのでどうかな?

プラグインのインストール

VS Codeを起動した、画面の番号の順もインストールを実施します。

Minify(ミニファイ)の実行

試しに、style.cssをMinify(ミニファイ)を使用して変換してみます。マウス右クリックで、Minify: Documentを選択してください。

成功すれば、コンソールにOKが表示されます。変換後のファイルは、style.min.cssとなります。