vue代碼壓縮

1. 使用vue-cli生成的vendor.js文件太大，有辦法減少體積嗎

使用「js壓縮」工具可縮小體積，可網路搜索「js壓縮」查找工具 把vendor.js代碼ctrl + a全選，再ctrl + c復制，粘貼到js壓縮工具里，點擊「壓縮」或「普通壓縮」，然後再把壓縮後的代碼復制粘貼到vendor.js文件中。

2. vue壓縮後的js可以反編譯出來嗎

vue壓縮後的js可以反編譯出來，反編譯方法為：

1、在桌面找到自己下載的瀏覽器版軟權件，點擊瀏覽器圖標。

3. 使用vue-cli生成的vendor.js文件太大，有辦法減少體積嗎

對於這一點，正在寫一篇文章，予以闡述的：詳見這篇文章：http://jeffjade.com/2017/03/1... , 鑒於內容較多，還在寫作過程中。以下為現編寫的答案：

（Update@17-08-24） | 對於這個問題，有寫兩篇文章，分別對體積和速度方面優化，予以探究，歡迎一起探討；

Webpack 打包優化之體積篇
Webpack 打包優化之速度篇

首先，在寫 Vue 的時候，應該採用懶載入模式，之後生成的包，就會被打入到不同分組的 js，運行時按需載入，詳情見：Vue-路由懶載入；這個意義重大！

其次，可利用，webpack.DllReferencePlugin webpack.DllReferencePlugin 將常用不怎麼變更的文件，打入一個統一的文件，外鏈使用。這個主要作用也可用來縮小包構建的時間；這個網上教程蠻多，就不贅述。也可參見這個項目 jade-blog 來配置；這一步即是你通過配置將部分庫抽離出來，打包成另外的文件。

再次，可以利用 webpack-bundle-analyzer 可以分析打包後生成的文件結構，十分牛掰（最新 Vue-cli 帶有此配置）；在 package.json 中配置如下命令 npm run analyz，運行即可查看之：

"analyz": "NODE_ENV=proction npm_config_report=true npm run build"
對此可以分析研究，採取辦法過濾掉重復的內容等... ... 其他還有諸如開啟壓縮啦，開啟 Gzip 之類等等，來減小包的體積。

贅言：當然也可以從另一個維度來精細解決，即代碼角度。非必需庫可以不與引用，比如已經退出歷史舞台的 JQuery,還有 momont 等。再有就是合理的去寫，比如組件復用，合乎時宜的去使用混合諸次等等。

容繼續學習，繼續更新；