大型vue單頁面專案優化總結

2022-05-02 07:21:09 字數 692 閱讀 2702

這是之前在公司oa專案優化時羅列的優化點,基本都已經完成,當時花了點心思整理的,儲存在這裡,方便以後其他專案用到查漏補缺。

16、引用路徑優化 webpack.base.conf.js resolve.alias

17、webpack 解析模組時應該搜尋的目錄優化 webpack.base.conf.js resolve.modules

18、使用webpack進行**分離,每個頁面打包成乙個單獨js,減少檔案體積,加快載入速度 

19、把常用的依賴使用外部cdn引入,不再打包,分擔伺服器壓力,加快頁面載入速度。

20、使用webpack**分析工具,方便針對性優化依賴和**塊。

21、同乙個元件比如多個編輯頁面切換時,本來的方案是使用watch.$route進行處理,經參考也可以在路由上加唯一key,保證切換路由重新渲染。參考中的router-view

22、合理使用vuex,頻繁切換的頁面元件比如多個編輯頁面,儲存多個資料store,減少http請求。

23、加快webpack效能,參考位址中設定 test & include & exclude

24、生產環境採用webpack-parallel-uglify-plugin替換uglifyjsplugin,提高webpack效能,參考位址中的增強****壓縮工具

25、src/api/config.js和package.json檔案,實現自動分環境執行。 

vue單頁面應用專案優化總結

這是之前在公司oa專案優化時羅列的優化點,基本都已經完成,當時花了點心思整理的,儲存在這裡,方便以後其他專案用到查漏補缺。16 引用路徑優化 webpack.base.conf.js resolve.alias 17 webpack 解析模組時應該搜尋的目錄優化 webpack.base.conf....

VUE專案爬坑 5 vue單頁面專案發布

可以直接放到apache或者其它的伺服器裡面 就以靜態 的方式放置 很簡單的justify content space between 購物車的資料可以加進本地儲存localstorage,做持久化,這樣頁面重新整理也不會丟失在apache的配置檔案httpd.conf中開啟mod deflate和...

vue單頁面的增刪改查專案

1 安裝腳手架 全域性安裝 2.1編寫資料 2.2通過v for顯示在table中編號 標題時間 2.3在index.js中引入list.vue元件,並編寫路由規則import list from views list.vue const routes 3.1通過router link進行傳值詳情3...