這是之前在公司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...