V2EX › 程序员

弱鸡后端求问什么是前端工程化？

Macv1994 · 18 小时 54 分钟前 · 2862 次点击

layui 官网终于还是要下线，对于 layui 还是比较有感情的，让我这个弱鸡后端也能做出可用相对美观的前端页面，奈何在时代的洪流下最终还是要隐退了。

求问一下前端大佬，到底什么是前端工程化？

21 条回复 • 2021-09-26 20:58:09 +08:00

nicenonecb 18 小时 29 分钟前

性能监控，数据埋点，构建优化，ci/cd 等

brucedone 18 小时 24 分钟前

工程化包含一套完整的流程吧：

brucedone 18 小时 20 分钟前 4

1. 开发
统一组件和开发框架，统一语言

2. 监控
统一的监控框架体系，打点，监控告警

3. 日志
健壮且完整的日志体系

4. 协作
git flow 流程化

5. 构建
CI/CD

6. 发布
容器化

不是前端大佬，大致的流程体系根据个人经验总结

Leviathann 18 小时 15 分钟前 via iPhone

就是 webpack rollup gulp parcel snowpack vite

Rwing 18 小时 15 分钟前 11

我来做个坏人，说点难听的。

为什么前端要工程化？是因为之前的前端都无法做到工程化。
举个简单的例子，如何组织一个项目下两个 js 之间的引用？这在 es6 之前都是无法做到的，后端如果某一个语言做不到两个代码文件或类的互相引用，这个语言会被骂死，都活不过 1 年。
再来一个例子，任何一个后端语言都有包的概念，这 js 之前也是没有的，如何引用一个别人的库，只能是页面上引用 js，害怕各种冲突。

所以，所谓的前端工程化，不过是把后端的东西都搬到前端来，让 js 这门语言真的像一门语言。

wszgrcy 18 小时 3 分钟前

用代码去生成代码,即为工程化
用人生成代码,那是电子搬砖

Rrrrrr 17 小时 32 分钟前

首先你就是觉得前端就是简单的，不需要工程化。后端不用理解，反正你们又不写前端

lancelock 17 小时 28 分钟前

为啥要下线官网，不是很明白。我感觉 layui 和 vue 之流又不是一类东西，并不冲突啊

Macv1994 17 小时 26 分钟前

@lancelock 官网运营需要费用吧

Macv1994 17 小时 25 分钟前

@Rwing 谢谢，就你这个我看懂了 /doge/

belowfrog 17 小时 25 分钟前 1

如果有个工具，可以把 python 3 转为 python 2 的语法，或者 java 16 转为 java 8 的语法，是不是就不用考虑平台，直接写最新的语言，跑在最老的平台。
babel 就是用来干这个语言转换的，因为前端浏览器实在是版本太多，平台太多，如果有人能帮我处理代码到所有平台，那太爽了。
js 语法这么处理了，那 css(样式表)是不是也能这样，或者我发明个其他语法，比如 scss，可以写 css 写不了的语法，转成 css 。对，比如 postcss，scss，less，stylus 都是干这些的。

js，css 都可以了，图片可以统一方案么？因为图片也有这个需要，压缩，引入方式。

这一系列转换就称为工程化，webpack 有很多插件可以做这些事。
后来工程化概念扩大了，编译阶段能做的事都可以叫做工程化，比如部署 ci，发布这些

darknoll 17 小时 24 分钟前

主要就是指 webpack

dqzcwxb 17 小时 23 分钟前

eric96 17 小时 20 分钟前

把在后端习以为常的的东西，搬到前端

wanguorui123 15 小时 57 分钟前

如果前端 UI 交互越来越复杂，单纯的 JQuery 很难 Hold 住，这时候就需要系统性的对项目进行管理，这种系统性的管理就是前端工程化。
前端工程化包括：可测试，可维护，可扩展。

不需要复杂 UI 交互的项目大多数时候 JQuery 之内就能搞定，所以 layui 这类低门槛、快速开发的框架被不太会 JS 的程序员所青睐。
而 Web 端现在想做复杂的东西了，比如：复杂的组件交互，以前那些框架就不能非常好的处理各种交互上的问题了，所以就需要工程化，需要有精通 JS 相关的人去开发功能。
也就是说前端更像原生客户端程序的开发了，把原生客户端那套理论搬到 Web 端来实践。