VSCodeでJavaScript,CSSを圧縮する

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

削除するメリット

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

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

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

Minify（ミニファイ）の実行

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

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