導航:首頁 > APP軟體 > vueappjs體積

vueappjs體積

發布時間:2024-02-03 00:59:32

❶ 使用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文件

閱讀全文

與vueappjs體積相關的資料

熱點內容
有哪些可以督促自己的app 瀏覽:244
用USB傳輸視頻文件夾顯示為空 瀏覽:710
恢復文件軟體免費版手機 瀏覽:648
lg怎麼隱藏文件 瀏覽:836
蘋果免費讀書app推薦 瀏覽:497
劉駿微信 瀏覽:113
書旗舊版本80 瀏覽:467
教編程考什麼證 瀏覽:990
下載編程貓後哪裡有客服 瀏覽:13
如何編輯歌曲文件格式 瀏覽:638
cf無限領取cdk工具 瀏覽:350
如何讓手機文件保存到電腦上 瀏覽:459
sa資料庫默認密碼是多少 瀏覽:191
電腦正在查找文件 瀏覽:541
一個文件盒省內寄順豐多少錢 瀏覽:41
誅仙62坐騎怎麼升級到63 瀏覽:926
linux以日期查看日誌記錄 瀏覽:446
工業大數據是什麼東西 瀏覽:881
魅族note3怎麼重置網路 瀏覽:510
c語言程序設計模 瀏覽:92

友情鏈接