vueappjs體積

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

使用「js壓縮」工具可縮小體積，可網路搜索「js壓縮」查找工具

把vendor.js代碼ctrl + a全選，再ctrl + c復制，粘貼到js壓縮工具里，點擊「壓縮」或「普通壓縮」，然後再把壓縮後的代碼復制粘貼到vendor.js文件中。

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

首先，在寫 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"

❸ vue中怎麼縮小appjs的大小

所以為了減少vendor.js的文件大小，把這個做成了懶載入，如下：

實際使用的時候，先載入項目基本的js（vender.js，index.js），後面的播放視頻的時候，才請求hls相關的js文件