[研究] 用 Web Essentials 2017 在 Visual Studio 2017 IDE 縮小 .js (JavaScript 檔) 成為 .min.js

[研究] 用 Web Essentials 2017 在 Visual Studio 2017 IDE 縮小 .js (JavaScript 檔) 成為 .min.js

2018-02-08
2018-04-15 更新

從網頁下載安裝 Web Essentials 2017

到 Visual Studio MarketPlace 搜尋 Web Essentials 2017
https://marketplace.visualstudio.com/vs

Web Essentials 2017
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebExtensionPack2017

Web Essentials 2017 提供了一堆 Visual Studio 2017 IDE 的 Plugin，其中 Bundler & Minifier 可以縮減 .js 檔案 ( JavaScript 檔案) 的大小 (利用移除空白，和換行字元)。

下載得到 Bundler & Minifier v2.5.359.vsix，執行它進行安裝。

(下圖) 要使用，可在要縮小檔案大小的 .js 上按下滑鼠右鍵，選 Bundler & Minifier，選 Re-boundle File 即可。

這種做法的優點是可以縮小 .js 檔案大小，讓別人不易修改和閱讀；缺點若無原始 .js檔案，自己也不易修改和閱讀。

********************************************************************************
2018-04-15 補充
從 Visual Studio 2017 IDE 介面進行安裝

(下圖) 可以選擇安裝較小的 Bundler & Minifer 

(下圖) 也可以選擇安裝較大的 Web Essentials 2017

(下圖) 要把 Visual Studio 所有視窗都關閉，才會開始安裝。

(完)