vue專案優化推薦

2021-10-23 20:11:28 字數 413 閱讀 2857

專案優化–進度條新增

移除打包之後的console (babel.config.js 中設定)

只在發布階段移除console

利用vue.config.js修改webpack的預設配置

自定義入口檔案

通過cdn載入外部資源(就近的獲取伺服器資源)

配置element-ui的cdn資源

根據不同環境定製不同的首頁內容

我們要在index.html中來判斷當前環境為開發階段還是發布階段,但是在index.html無法獲取到process.env.node_env,但是index.html中可以獲取到htmlwebpackplugin該外掛程式的配置資料。

為什麼?

實現路由懶載入

又名:路由按需載入

當匹配某個路由時,才去載入對應的資源檔案

vue專案優化

1.通過nprogress新增進度條效果 安裝執行依賴 匯入nprogress包對應的js和css import nprogress from nprogress import nprogress nprogress.css 在axios的request 中展示進度條 nprogress.start...

vue專案優化

專案優化 進度條新增 移除打包之後的console 只在發布階段移除console 利用vue.config.js修改webpack的預設配置 自定義入口檔案 通過cdn載入外部資源 配置element ui的cdn資源 根據不同環境定製不同的首頁內容 我們要在index.html中來判斷當前環境為...

vue專案優化

1 盡可能的減少watcher的數量,當監聽資料是乙個物件的時候,最好具體到監聽物件的屬性 2 內容比較多的時候可以用懶載入 分頁 滾動載入或者tab方式,減少每次渲染的數量 3 結合v if,非同步顯示dom結構,減少不必要元件的載入 4 給列表渲染加上唯一的key值,避免重複建立和大規模的重新渲...