2022/09/03
VSCodeでJavaScript,CSSを圧縮する
Minify（ミニファイ）という、JavaScriptやCSSなどのコードの中の不要な改行、インデントなどを削除するVS Codeのプラグインがあります。この記事で実際にインストールから実行まで試してみました。
削除するメリット
不要な改行、インデントなどを削除することで得られるメリットですが、以下のことが考えられます。いずれも、開発の規模が大きいほどその効果は高いです。逆に言うと、小規模ではそれほど効果はないかな。
- Webページの表示速度、サイズが小さくなるので上がる。
- サーバーの容量が削減できる。
- ソースコードの解読を難しくし、盗用防止ができるが、盗みたいと思う人は、逆変換もするのでどうかな？
プラグインのインストール
VS Codeを起動した、画面の番号の順もインストールを実施します。
Minify（ミニファイ）の実行
試しに、style.cssをMinify（ミニファイ）を使用して変換してみます。マウス右クリックで、Minify: Documentを選択してください。
成功すれば、コンソールにOKが表示されます。変換後のファイルは、style.min.cssとなります。
