vue js的app js太大怎麼優化?

時間 2021-05-31 07:57:31

1樓:

webpack這玩意吧切片按照預設的配置來會打的很奇怪,前端的理想狀態就是打包後分離出一堆ES5版本的 ES6 module跑在瀏覽器,但是要達到這種粒度的拆分需要webpack外掛程式來實現。具體看我的專欄文章對打包過程有所分析 webpack2 快取優化鎖住你的IDs

2樓:Zzzz

我覺得題主的問題很可能不是懶載入的問題,有了路由級別的懶載入不代表打出的包就是合理和優化的,有些時候需要你人工干預一下~

推薦你用BundleAnalyzerPlugin先根據自身專案做乙個視覺化的分析,再決定如何下手優化現有的打包工程吧~可以參考我的一次打包優化記錄:一次打包優化記錄

3樓:可樂

vue-router中引入元件時這樣寫 resolve => require([URL], resolve),是目前支援較好的一種元件懶載入方法

4樓:不在列表

懶載入的檔案本來就是單獨乙個檔案,是你用的姿勢不對吧。

react下有很成熟完善的做法。vue應該也有,但沒了解過,公司用vue,個人不喜歡。

5樓:

我假設你是用webpack打包的:

公升級webpack

利用webpack的Code Splitting機制利用webpack的tree shaking提取乙個common的js檔案,基本上是第三方依賴吧,比較少變化的

vuejs怎麼在伺服器部署?

職座標 如果你選擇的是vue cli這個腳手架,首先第一步 npm run build打包專案 第二步 把打包以後的dist裡面的檔案上傳到伺服器www目錄下 第三步 配置監聽埠號 奔騰年代 部署 Vue CLI 3看這裡有詳細的說明。部署方式基本有兩類,都可以做到正常工作 使用類似於 Nginx ...

壓力太大怎麼緩解?

達里諾Anna 壓力大可能是因為壓抑自己造成的。你可能不敢肯定自己,即使在腦海裡也謹慎小心,覺得很多事情別人說的對,而自己不太敢提出反對意見。但你忽視掉了自己的想法和感受,它們可能只是表達對一些 正常道理 的一時不接受。因為擺在平台上的大道理都是些讓人講得出口的東西,所以不管這些話是被用教訓說教的口...

vuejs的filters還有其他特殊功能嗎?

簡單講一下,就是說 filter 能幹的事情,函式都可以幹。那麼 filter 的優點是什麼呢?形式簡單,很容易思考。如果你熟悉 shell 那麼用起來簡直不要太簡單。var filter1 filter2 args 強制你使用純函式 請自己搜尋純函式的定義 在 filter 內部,this 是無法...