react和webpack的区别有哪些

发布时间:2022-03-22 15:35:43 作者:iii
来源:亿速云 阅读:185

本文小编为大家详细介绍“react和webpack的区别有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“react和webpack的区别有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

区别:1、React是一个JavaScript框架,而webpack是一个JavaScript应用程序的静态模块打包器;2、React主要用于构建用户界面,而webpack可以进行重新加载编译,可将所有的静态资源都合并好了,减少了io请求。

本教程操作环境:Windows7系统、react17.0.1版、Dell G3电脑。

react是什么

React是用于构建用户界面的JavaScript框架。

框架:可以被复用的代码。用的人多了,就出名了,越有人越有价值。(笑)

与React齐名的Angular。

React是用于渲染UI的JS库,定位在与实现UI

React Web App解决方案,衍生的React Native是跨屏App解决方案

特点:

为什么使用React?

传统方法频繁操作DOM,性能无法达到要求;React使用VDOM,性能高

传统JS代码维护成本高,React基于组件开发

需要支持移动端开发

React的缺点:

webpack是什么

本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。

webpack 就像一条生产线,要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的,多个流程之间有存在依赖关系,只有完成当前处理后才能交给下一个流程去处理。 插件就像是一个插入到生产线中的一个功能,在特定的时机对生产线上的资源做处理。

webpack 通过 Tapable 来组织这条复杂的生产线。 webpack 在运行过程中会广播事件,插件只需要监听它所关心的事件,就能加入到这条生产线中,去改变生产线的运作。 webpack 的事件流机制保证了插件的有序性,使得整个系统扩展性很好。

webpack 构建流程

Webpack 的运行流程是一个串行的过程,从启动到结束会依次执行以下流程 :

在以上过程中,Webpack 会在特定的时间点广播出特定的事件,插件在监听到感兴趣的事件后会执行特定的逻辑,并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。

react和webpack的区别

React是一个JavaScript框架,是用于渲染UI的JS库,用于构建用户界面。

而webpack是一个打包器(bundler),它能将多个js文件打包成一个文件(其实不止能打包js文件,也能打包其他类型的文件,比如css文件,json文件等)。

webpack的作用

读到这里,这篇“react和webpack的区别有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. React 和Vue的区别有什么
  2. php版本7和5区别有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

react webpack

上一篇:react函数组件对比类组件有哪些优势

下一篇:jquery如何设置鼠标点击div会隐藏div

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》