前端模块化

目前前端主要的模块化方案有如下几种:

  1. 使用<script>标签直接引入,这种是最原始的做法,缺点是需要自己管理模块之间的依赖关系和加载顺序,并且有可能出现全局变量的冲突。
  2. CommonJS,NodeJS中的方案,通过require引入,通过exports来导出,可以重用很多npm中的模块,生态比较强大,缺点是只能同步请求,无法异步加载,没有办法并发下载依赖。
  3. AMD,使用requiredefine,来依赖和定义模块,解决了CommonJS的问题,但是编码复杂,实现方案多。
  4. ES6,通过importexport来依赖和定义模块,容易做静态分析,未来的标准,浏览器支持需要时间。

参考资料:

  1. https://juejin.im/post/5a2e5f0851882575d42f5609
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端模块化开发简介 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖...
    荣儿飞阅读 4,381评论 0 6
  • 转载于作者:linwalker via:http://www.jianshu.com/p/d67bc79976e6...
    猩崽大叔阅读 678评论 0 0
  • 前端模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到...
    景岳阅读 257评论 2 4
  • 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升...
    mhy_web阅读 230评论 0 0
  • 过完了29岁,就是时间追着我走了,以前觉得时间过得很慢,现在感觉眨眼的功夫半年一年就过去了,时间在追赶我,而我还没...
    白大花阅读 178评论 0 0