[问题] 前端新手对于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