84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
如题，最近一直在看模块化的相关知识，但是感觉还有些模棱两可，对于这些概念还是不能很清晰的认知所以希望大神能够帮忙说下他们如何区别，自身有哪些优劣，谢谢！包括angular、react、require、sea、webpack、es6 module？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
不是专业搞前端的，简单说说我的理解，不对的地方望指正。
首先angular、react、require、sea这四个都是框架，webpack是一个项目构建工具，es6 module是在JS的ES6规范中提供的JS模块化支持。
angular、react、require、sea
webpack
es6 module
angular是一个前端MVVM框架，react也是类似的通过view和state的双向绑定来更新UI，这两个框架一般都会用es6 module来进行模块化，由于目前浏览器对es6的支持还不完善，所以一般会用webpack来对es6代码进行编译（打包、压缩等）成es5的语法。
angular
react
至于require、sea是在以前JS还没有直接提供模块化支持的时候，通过这两个框架可以实现模块化的效果，包括require模块，按需加载等。这两个支持的模块化规范也是不一样的，sea支持的是CMD规范，require支持的是AMD规范。由于现在es6 module的存在，这两个框架用的比较少了。
require、sea
require、sea应该是模块化工具吧
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
不是专业搞前端的，简单说说我的理解，不对的地方望指正。
首先
angular、react、require、sea这四个都是框架，webpack是一个项目构建工具，es6 module是在JS的ES6规范中提供的JS模块化支持。angular是一个前端MVVM框架，react也是类似的通过view和state的双向绑定来更新UI，这两个框架一般都会用es6 module来进行模块化，由于目前浏览器对es6的支持还不完善，所以一般会用webpack来对es6代码进行编译（打包、压缩等）成es5的语法。至于
require、sea是在以前JS还没有直接提供模块化支持的时候，通过这两个框架可以实现模块化的效果，包括require模块，按需加载等。这两个支持的模块化规范也是不一样的，sea支持的是CMD规范，require支持的是AMD规范。由于现在es6 module的存在，这两个框架用的比较少了。require、sea应该是模块化工具吧