[問題] 前端新手對於JS框架及打包工具的疑問

作者: gary22204 (大頭蛇)   2018-02-13 23:11:16
小弟對於前端大概學到Bootstrap+jQuery的程度
最近有新系統要開發,考慮到現在的單位技術之類的都跟很慢
跟同事有想嘗試一些新的東西,對單位未來可能有一點幫助
因為要開發的新系統需要一些較有互動性的操作
發現了前端也有前端的分工
vue.js似乎是現在最火紅的架構
然後查到大多數的人都是用webpack去包這樣
以現行的考量來看,不管是學什麼其他東西都需要一些時間
所以想了幾個方案如下:
1. 只學vue.js搭MVC // code變好懂,維護比較容易?
2. 學著用webpack包jQuery // 能讓load網頁的時候變快一點?
3. 狠心一點都學吧
想請教
哪個方案學習成本比較低? 及 哪個方案對改善執行效率比較好?
考量到未來後續維護的問題,一次用太多新技術後面的人可能會消化不良
而且也可能因為不熟習而開發速度緩慢甚至失敗,走回jQuery硬刻的老路
希望版上的前輩們能稍微分析一下怎麼樣比較可行
謝謝!!
作者: altecjc (嘉誠)   2018-02-14 03:26:00
vuejs是最火紅的 這句話不知道 R派的會不會跳出來
作者: tentenlee (天天)   2018-02-14 11:13:00
vue-cli都幫你包好好了 webpack幾乎不會 還是可以用
作者: sa0124 ((恩恩))   2018-02-14 14:29:00
vue-cli真的很方便 可以學一下 我自己覺得比較困難的地方是vuex
作者: kinanson (kinanson)   2018-02-15 00:27:00
是不是最火紅就不好說,但快速入門並開始實作在專案上,肯定是最容易的
作者: dododavid006 (朔雪)   2018-02-15 10:03:00
webpack 我個人是推薦要用的話還是要學怎麼設定 其實 webpack 可以調整的東西太多了 弄不好只會包出一個檔案更大載入更慢的 js 而已 現在寫 webpack 設定也有像 webpack-blocks 這樣的專案 讓你可以使用一些現成的設定片段 也很方便自己自訂沒有的設定
作者: peanut97 (丁丁)   2018-02-15 22:49:00
個人覺得webpakc 設定檔這麼複雜 不符合軟體世界的規則"簡單",以後一定會有人再把它簡化之類的
作者: dododavid006 (朔雪)   2018-02-16 00:09:00
webpack4 目前在 beta 了 可以不用設定檔就能開始用
作者: johnny94 (32767)   2018-02-16 13:21:00
webpack 問題不在於設定複雜,在於它的文件跟屎一樣
作者: z40122 (Boky)   2018-02-16 17:20:00
vue-cli好用
作者: freeccc (自由的ccc)   2018-02-16 17:33:00
好奇johnny是看哪份文件這麼屎
作者: johnny94 (32767)   2018-02-18 12:44:00
可能是舊版的吧,webpack 的文件不就一直為人詬病?或許新版有改進也不一定。
作者: freeccc (自由的ccc)   2018-02-18 13:31:00
V2文件相較V1好很多,當然我也會搭配一些範例程式碼看
作者: Sunal (SSSSSSSSSSSSSSSSSSSSSSS)   2018-02-18 22:38:00
主管有支持1 沒有還是想做的話自己做2 或乾脆不做
作者: aspdoctor (大崎)   2018-02-19 16:04:00
改之前先考慮一下你們跟後端怎麼合作,如果是前端串API,Vue作單頁應用很棒,如果之前都只是畫面作好丟給後端,那用Vue跟Webpack你們就有得喬了
作者: WunoW (WunoW)   2018-02-22 20:22:00
webpack的文件我甚至懷疑不是人類寫的,爛得跟鬼一樣react可以用create-react-app,直接無視webpack設定檔吧webpack可能pm或sa之類的腦袋有問題
作者: rosethorn999 (阿焜伯賣大餅)   2018-02-24 00:02:00
parcel反其道而行
作者: horsekit (New Life)   2018-02-24 21:02:00
React 本身並不會太複雜,是因為 Flux 複雜度才大量提升
作者: VdustR (京)   2018-03-08 09:02:00
覺得 create react app 預設不夠用 很快就想要 eject 了

Links booklink

Contact Us: admin [ a t ] ucptt.com