歷史遺留項目，如何採用vue+webpack的形式改造呢？

01-11

網上搜索後，發現都是完完整整的採用webpack打包vue文件的，通過一個bundle.js啟動。但是我想將項目內的頁面逐步改造成*.vue格式的組件，發現都沒有這種類型的事例。

不要重構舊項目

重構的問題核心不在於技術上，是在業務上。如果沒有公司的要求，業務上出了問題誰背鍋，當然你一個項目只有一個hello world，那就隨便你咯。

除非公司要求。

沒有實際意義

vue文件是一個組件，把樣式，架構，功能都鎖在一起來實現大規模應用的堆徹

然實際維護起來的時候很難實現全局低層修改，比如我新增一套全局皮膚

就體驗來說非常糟糕，我甚至在考慮還原到grunt管理單獨的js剝離css和html

畢竟從jquery時代走出來了，又不能獨立完成ext級規模的框架，就不要嘗試作死了

組件的思路本身是沒有錯的，當成規模成體系後是非常好用的，比如ext

只不過業務開發基本不需要重造這麼大規模的輪子，且收益極低

推薦一下已經成型的項目

GitHub - ElemeFE/vue-desktop: A UI library for building admin panel website.

然而內部實現比較難以下手，依賴人家開發的各種小組件，學習是夠用了

遺留項目為什麼要改造列

一個簡單的建議：

1，閱讀 vue.js 自帶 example, 理解 vue 的組件系統，雙向綁定等基礎特性

2，結合 vue-router 的示例，理解路由系統

3，綜合前兩者，拆分你的遺留系統，比如，從登錄，到主頁，到細分頁面，如何用路由系統做成單頁應用，採用 vue-router 的示例結構搭建框架

4，後面你可能會考慮如何封裝自定義組件，如何引用第三方或者自己已有的 UI 庫

5，關注性能，比如內存佔用和載入速度

重寫要比改造順利

感覺這不能叫改造，而是從頭開始重寫