快捷搜索:  汽车  科技

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)能完成一个具体的构建功能。

#头号周刊#

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)(1)

配置 API 设计原则和编程范式约束

作为本书案例的前端工程化方案 Boi 是一个上层框架,内核层集成了 Yeoman 、 webpack 、 Express 等基础模块。 Express 本身就是一种底层框架,在它的基础上进行方案封装无可厚非。但是 Yeoman 和 webpack 均是可以直接使用的工具,之所以在两者的基础上封装上层框架,一方面是为了2.4节所述的工具栈统一;另一方面是以高内聚架构弱化外层配置复杂度,降低一线业务开发人员的学习曲线。另外, webpack 的部分理念与常规的开发习惯稍有冲突,比如本章稍后讲到的资源定位,上层框架在一定程度上弱化了这类冲突。

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)(2)

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)(3)

可以看出 webpack 的构建配置非常复杂,而且上述代码只是一个需求非常简单且非常初级的配置方案。具体到实际开发环境,还需要考虑模块化开发、异步加载、增量更新、动态构建等诸多复杂需求。 webpack 毋庸置疑是一款优秀的构建工具,但是拥有强大功能的同时,也具备高度的配置复杂度。开发者需要花费大量的时间以阅读文档才能够了解各个配置项对应的具体功能,而且往往需要组合多个配置项才

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)(4)

能完成一个具体的构建功能。

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)(5)

前端开发框架深度学习(前端工程化体系设计与实践构建第二节配置设计原则和编程范式约束)(6)

猜您喜欢: