前端换框架，你们都是什么流程？

[firhome]

公司现在用 vue，代码一坨一坨的（修改状态更新 要 1 分钟，编译要 30 分钟）

不想改了，现在有机会改版（一个频道 /单页 的改下去）。

打算用 ng （没啥别的原因，就是技痒，学习，顺便优化一下）

估计很长一段时间都会 vue 和 ng 并存的状态， 一些组件估计要重新写 （反正也要重构）

除了这个风险，还有什么要注意的吗？

哈哈，一早起来发现这么多回复。怪我，昨晚发帖太匆忙，其中缘由没说清楚。

我当然知道这不是框架问题，其实只要优化下代码和 webpack 就行了。

我们的项目为什么巨慢无比？

我们的项目结构大概如下，下面是简单的例子。

|-components
|-pages
|--channel_a
|----components
|----index.html
|--channel_b
|----components
|----index.html
|--channel_c
|----components
|----index.html
|--channel_d
|----components
|----index.html

按频道划分多页的应用，components 里放的全站公用，供每个频道使用。
每个频道里有自己抽离的组件。

这项目运行了 3~4 年了，随着东西（组件）的增多，经常会 a 引 b 的组件，b 引 c 的组件，然后组件内又引全局的组件 巴拉巴拉的。

而且某些组件的编写也是奇葩。比如

list.vue
<div>
<div :type="channel-a">显示频道 a 的列表特性</div>
<div :type="channel-b">显示频道 b 的列表特性</div>
<div :type="channel-c">显示频道 c 的列表特性</div>
<div :type="!channel-c && !channel-b">显示非 c 和 b 的列表特性</div>
</div>

看到这种都要吐血。。。。。。也没有注释什么的。改一个地方 可能牵扯更多地方。

业务逻辑一直变，以前的代码又不敢删，哪天又要找回来 之类的。（写代码的和产品 都有问题）

好了，先不扯代码，我为什么说想换 angular , 其实跟框架没有任何关系。主要在以下。

1. 天天无所谓的 996。
我们公司现在天天 996，你们以为我们的 996 和你们的一样吗？我们的 996 就是没事干做给老板看，老板喜欢这样。
其实一周的工作压缩到 1~2 个工作日，全身心投入就能完成。你们能想象改个接口，改个文案，要花一周时间吗？
为了应付所谓的日报，周报，必须得这么干。团队成员上班就是在薅羊毛。摸鱼。。。

2. 学习学习知识。
这个没啥说的，天天混，都没啥激情了。在项目中成长呗。

3. 提高公司前端门槛。
老板嫌前端门槛低，找 10k 左右的人就能干完我们现在的活，这话说的不假，我们现在的活没什么难度，就是堆代码，
写写页面，发发请求，改改文案，有什么难度吗？ 没难度。 但是老板瞧不起人的姿态很让人恶心。天天想着把人开了又不想给钱。
有点想报复的小心态。

4. 为啥不辞职？
想辞职，都 996 了 哪有时间去准备面试？ 又不给批假。 那只要利用这宝贵的 996 时间，折腾点东西咯。


总结，就是薅着资本主义的羊毛闲着没事干。当然不排除最后还是老老实实去优化 webpack 继续摸鱼好了。

[shintendo]

编译 30 分钟是什么神项目……

[mooncakejs]

挖了个大坑，vue 都搞不定不见得 NG 能搞定

[andregeng]

编译 30min 也太长了吧，这也能忍？

[Bijiabo]

先找到核心痛点，是现在的项目开发效率变低、难维护还是其他原因。
还要考虑人员招聘、项目交接的成本，似乎国内还是首选 React 和 Vue.js 技术栈用的多一些。
然后再向上汇报说明原因、解决方案、风险点、人力投入之类的吧。

[Yifelse]

如果 vue 都要编译 30 分钟你确定换 angular 能解决问题吗，这种不正常的编译时长肯定是有大问题了。

[hahahasnoopy]

编译三十分钟跟 vue 本身没关系唉，是你 webpack 配置的问题~，webpack 都搞不清用 ng 能用的好吗

[setSweetChild]

前端代码不需要编译的，编译是浏览器引擎的工作(高级语言->低级语言)，webpack babel 只是把松散的代码变得紧凑，或者替换一些语法

[luob]

你们可能需要一个高级 webpack 工程师，而不是 angular （认真的

[jorneyr]

我们 5 万行的 vue 项目，编译 38 秒，修改的话 3 秒左右即可

[lijsh]

vue cli 本来就可以定制的，你照着文档优化一下 webpack 相关的配置再说。

vue 都搞不掂，ng 绝对坑。

[jingyulong]

vue 这种渐进式的框架已经很友好了，换其他的岂不是更坑

[zhwithsweet]

打包 30 分钟吗？这么真实吗。

[laogui]

不想着优化现有项目老想着换框架。做这个决定人是竞争对手吧。

[rupert]

你们需要个 webpack 配置工程师

[newmoyupoi]

刚入职一个新公司，也算业界小有名气的大公司了，进去接手几个大项目，第一次知道代码要多烂就能有多烂，react 全程用 document 操作 dom 元素，一个 mvvm 的项目愣是给写成了 mvc，300 多行一整页的 if 判断，全是些死死的判断，1 == 2 是什么 3 == 4 是什么，哪怕您用 switch 都比 if 性能高，还用了 eslint，全程报警告，该用===的地方不用，空格也不按照规范来，以前维护的人在我入职几个月前就离职了，现在项目一堆一堆的 bug，我的天，已经申请 2 次离职了被拒，想走，不想接着烂摊子...我就想知道当初写这项目没人管吗？连 review 的都没有？项目经理干嘛吃的，公司也算有名气，连最近蹭热度最高的华为都在用现在这个公司的项目，我就纳闷了，这种项目也能上线！！！！

[kingsleydon]

@newmoyupoi #15 爆下名字让大家避雷呀

[zpaopao]

@newmoyupoi
刚刚入职，才在试用期吧？
《劳动合同法》规定：“劳动者提前 30 日以书面形式通知用人单位，可以解除劳动合同。劳动者在试用期内提前 3 日通知用人单位，可以解除劳动合同。”
可以直接走人啊。

[tinycold]

你可能不知道，『 Vue 和 NG 共存』这么简单一句话，后边儿是天这么大个坑。

一般真正对技术有追求的人，都是想办法解决现有问题，一看到不满意就想重写，是逃避型思维，我敢打个赌，就你现在这样，换到 NG/React 一样会有现在这些问题，代码设计宏观上看觉得毫无问题，一深入到细节就发现破绽百出，实际也是经验不足带来的问题。

[HaiYu]

其实 angular 支持 Web component 所以把 vue 组件封装一下，然后 angular 中开启自定义元素模式，理论上就能用了，但要是搞一半踩到坑，解决不了咋办…

[lonelygo]

Vue 这条路的资源狗好用了，非要换要换还是考虑 React 把，angular 国内用的不多啊，面 10 个前端能有一个接触过 TS 的不错了，除非你们都技痒，准备进一个新坑，而且有可能共存的结果是坑越来越大，过几年再换一把。

最合理方案：定位问题，能解决就解决，不好解决该重构重构，是在不行部分重写，再不行就从设计下手看看架子是不是就有问题
这一波猛如虎的操作下来，绝对能解决技痒的学习欲望，而且极大可能学到更多。

[ericgui]

@jorneyr 我写了一个 2 万行的 vue，yarn build 大概在 25s 左右，这个啥水平？

[ericgui]

首先，你说编译 30 分钟，什么意思？ yarn serve 还是 yarn build ?

其次，vue 和 ng 共存是什么意思？实在理解不上去，求指教

[ericgui]

@lonelygo 是的，Vue 足够用了。如果 vue 写成了一坨屎，用其他的也同样不行的

[jorneyr]

@ericgui 应该不错

[liuxey]

人的问题，而不是框架

[cnanyi]

上一个项目: angluar 5.0 webpack2, 打包 10 分钟左右， 修改状态 2 分钟， 明显 webpack 配置有问题， 项目移交了没再关注。
现在的项目：vue 2.5，webpack4， 打包 5 分钟， 修改状态 5 秒左右， 直接用的 panjiachen 大侠的 element-ui-admin 框架配置。
个人觉得，vue 对新手更友好一点， 从 jquery 类的项目切过来没太大压力。

[hyy1995]

个人觉得 vue 比 angular 好用。。。另外你这个编译速度不是框架原因吧

[firhome]

感谢大家回复，补充了。

[lixiangzaizheli]

angular 用自带的 build 和 serve 不是很快吗

[lixiangzaizheli]

@lixiangzaizheli serve 10s hmr 2s build 2min

[jingyulong]

看到 Append 的了，其实 996 真的可以避免的，现在很多公司摸鱼的太多了，自己平时又不愿意看书，就知道累代码，做重复性的劳动，还真把程序员当成体力活了。

平时自己多学学，早日出坑

[maichael]

代码写的烂，你用什么框架都一样。

[vultr]

资本家的钱是可以赚回来的，你浪费掉的自己的时间却是回不来的。

[learnshare]

跟框架无关，只是你不想收拾这个烂摊子，重写更清爽而已
其实不光是代码烂，可能其他的也烂，就更加难受了

[uxstone]

缺少一个 Leader