2018年2月8日 星期四

[研究] 用 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 所有視窗都關閉,才會開始安裝。






(完)

沒有留言:

張貼留言