模块化开发简述

  • Post author:
  • Post category:其他


模块化开发简述

都说模块化开发为前端发展带来了巨大的进步,然而不熟悉的人看着也是两眼一懵,那其实这到底是什么?好处在哪?我来说说自己的见解吧。

这里写图片描述


1. 模块化和传统开发的区别


实话讲,其实在我看来,两者的开发是一样的,除了方式不一样,达到的效果并没两样。

看着扯淡,但实际可以想一下,现流行的模块化开发主要有两种方式:

  • 依赖加载。这种方式是最广泛的,像requirejs,sea.js等,除了

    编写规范

    不一样,实际都是通过相关require api把模块chunk文件拿回来,当加载完成之后再运行逻辑代码。
  • 依赖打包。经典代表就是webpack,其实就是写代码的时候分开模块,但打包的时候按依赖关系找到各个模块,最后打包到同一个文件上,并给每个chunk标识id,运行逻辑代码时将模块引用指向该id,从而实现模块化。

而传统的开发方式是在页面上通过脚本标签引入,等所有脚本资源加载完成后再运行逻辑代码。这样一对比,是不是发现效果其实是一样的,我把不同脚本分开写,也是可以做到类似模块化的效果?


那么重点来了,模块化的优势在哪?

别急着回答,先思考一下&#



版权声明:本文为rongliang_chen原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。