前端开发的模块化和组件化的定义，以及两者的关系？

来源：互联网发布：虚拟拍照软件下载编辑：程序博客网时间：2024/05/22 04:49

最近刚接触前端开发，对一些概念理解不是很清楚：
比如什么是模块化，什么是组件化，两者有什么关系或两者怎么结合起来使用。
希望举一些栗子来说明问题（因刚接触这块，有栗子比较助于理解）。
最后希望推荐下目前有什么好的基于ES6的前端模块化解决方案

添加评论

查看全部 11 个回答

vincenthou 但行好事莫问前程

9 人赞同

组件化和模块化的价值都在于分治，web应用系统的复杂度不断提升，兼顾开发效率和产品实际运行效率，会在开发阶段运用组件化和模块化的手段分离关注点，结合构建工具合理打包。组件化更多关注的是UI部分，你看到的一个管理界面的弹出框，头部，内容区，确认按钮和页脚都可以是个组件，这些组件可以组成一个弹出框组件，跟其他组件组合又是一个新的组件。模块化侧重于功能或者数据的封装，一组相关的组件可以定义成一个模块，一个暴露了通用验证方法的对象可以定义成一个模块，一个全局的json配置文件也可以定义成一个模块。封装隔离来后，更重要的是解决模块间的依赖关系。babel作为现在最火的es6转换器，用babelify或者webpack的babel loader再或者基于task的构建系统插件都可以很方便用起来es6 modules

0 0