前端工程化的意义
工程化不是某个具体的工具,工程化的核心是对项目整体的规划和架构
解决的问题&带来的价值
1.每次开启新项目,都需要做一些重复性的工作,比如下载一些插件,定义项目结构。而工程化
可以对这些重复性操作做一个封装,以后每次只需要引用即可。避免了很多重复性操作
2.不同的开发人员的代码风格大相径庭,导致从仓库拉下的代码有时候无法直接使用,
而工程化可以很好的规范代码要求
3.想要使用Less/Sass去提高CSS的编程性,但是运行环境确不支持。工程化可以
帮助我们实现CSS代码编译,在运行的时候将Sass/Less转化为运行环境所支持的CSS代码
4.上线的时候需要手动压缩代码和资源文件,工程化可以帮助我们实现自动化,很大程度上解决了开发人员的工作量。
5.前端太过于以来后端接口,有一些问题甚至需要等待后端接口完成才能进行调试,而工程化提供了Mock ,来帮助我们进行开发阶段的调试,不再需要一定等待后端接口的完成。
深层的意义
脚手架同时还为我们提供了项目规范和公共约定。包括相同的组织结构、相同的开发范式、 相同的模块依赖、相同的工具配置、相同的基础代码。对于公司的大多数产品,前端开发人员都可以使用同一套脚手架,这样做不仅可以统一不同项目之间的代码风格和规范。而且当团队中有新成员接手项目时,也可以更快上手提高工作效率。
在创建项目结构时只是生成了一些可复用的代码及文件,更重要的是脚手架集成了编译,压缩,部署,配置等多个模块。成熟的脚手架,如:dva ,umi 除了实现上述功能之外还封装了常用的js库,比如dva简化了redux的使用方式,全局挂载了router,默认配置好了装饰器,全局的loading等等。总之,如果把lodash之类的 js 库比作是*,那么脚手架就是轮胎厂,它集成了项目上常用的配置,大大降低了开发者的学习成本。
提高了前端的逼格,拓展了前端的深度,形成了大前端的概念,前端不再是曾经的页面仔,也不是某些后端能写写html,js就能替代的,前端的学习路线能够更加深入,以至于当下前端的薪酬能够和java对标。前端在公司的地位在现如今也能够和java平起平坐(个人深有体会)。
本文地址:https://blog.csdn.net/weixin_40599109/article/details/107225118
下一篇: 函数防抖与函数节流(vue实例)
推荐阅读
-
workerman 怎么实现mysql数据库里面的一个表一旦有新的数据的加入,就把新的数据发送到前端?
-
文件上传输入框的value值有没有意义?
-
作为一个前端,看到怎样的网页效果,你一定会停下来看看他的源码?
-
基于jQuery的前端数据通用验证库_jquery
-
css - php的这个函数,前端如何去调用?
-
EasyNVR摄像机网页无插件直播方案H5前端构建之:bootstrap弹窗功能的实现方案与代码
-
前端笔记-通过jQuery获取input数据及html中name的使用
-
野生前端的数据结构练习(12)贪心算法
-
野生前端的数据结构基础练习(6)——集合
-
【面试】一道关于变量提升和运算符的前端面试题