前端工程化,是个啥?

yuanoook
yuanoook 发布于 2016-12-26 17:27:21 浏览:315 类型:原创 - 随笔 分类:JavaScript - 待整理 二维码: 作者原创 版权保护
1.MODULE BUNDLER / 模块打包
前端需要模块化。

从前:
浏览器端 javascript 没有 import,没有 include,没有 require。
总之,前端 javascript,不支持模块化。
那,怎么着?
全局变量 + <script></script> + 人为约定

然而:
项目大了,全局变量越发不可控,人为约定不靠谱。
文件千百行,Bug 找半天。

那么:
预编译吧,造一个 require 语法,再造一个解释器。

2.IDE / 集成开发环境
前端需要一个集成的,高度自动化的开发环境。

从前:
文本编辑器一个 + 浏览器一个。
改两句,刷一下浏览器,点两下看看效果。
写好了,发布测试环境,测试,再发,再测。
联调测试基本靠喊 ”帮我再发一下测试“。

然而:
开发环境分散,各种开发依赖不能自动联动。
后端测试环境挂了,前端进度受阻。
宝贝,点个外卖一起加班吧 emoticon

那么:
一个像样一点的编辑器,语法自动提示补全。
更好的浏览器,强大的Devtools。
前面两个联接起来,自动刷新重载。
和后端开发解绑,约定接口,数据模拟,接口代理。
开发预览测试打包发布自动化,一行命令 = 各种插件+各种脚本。

3.CONGRATULATION 可喜可贺
不怕漏掉逗号了,再也不用手刷了,也不依赖后端了。
代码也清晰了,项目再大也不怂了。
开发效率提高了,一行命令提交了,下班早早回家了。

参考
https://www.quora.com/Why-dont-many-front-end-engineers-use-IDEs
https://www.reddit.com/r/learnprogramming/comments/3toq9v/why_dont_some_people_use_an_ide/
标签:
z
给个赞 0 人点赞
收藏 1 人收藏
评论 已有 0 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
还没有任何评论呢,赶紧抢先来一发吧!
yuanoook yuanoook 作者

享受平凡 | 追求卓越

作者最新