Webpack/Babel和react脚本之间的差异

基本上,它们有不同的用途,通常一起出现。我将解释它们的设计目的。

巴别塔

网页包

Webpack是一个依赖关系分析器和模块绑定器。例如,如果模块A需要B作为依赖项,模块B需要C作为依赖项,那么webpack将生成一个类似C的依赖关系图->B->A、 实际上,这要复杂得多,但一般的概念是,Webpack将具有复杂依赖关系的模块打包成束。关于webpack与babel的关系:当webpack处理依赖项时,它必须将所有内容转换为javascript,因为webpack在javascript之上工作。因此,它使用不同的加载程序将不同类型的资源/代码转换为javascript。当我们需要ES6或ES7功能时,我们使用 babel-loader 为了实现这一点。

反应脚本

当我们开始一个基于react的项目时,建立构建环境是一项艰难而耗时的工作。为了帮助实现这一点,React的开发人员创建了一个名为 react-scripts included as dependencies in react-scripts

WebPack和react脚本略有不同。

Webpack用于编译web应用程序的捆绑包,它可以是自由形式的,并且有一些入口点。此外,webpack与babel预设一起使用,这允许您在相对较旧的浏览器中使用现代ES6+结构。此外,webpack在一个文件中负责与程序集相关的node_模块,并可能对其进行压缩和优化。 你可以在这里阅读更多关于网页哲学的内容: https://webpack.js.org/concepts/

https://github.com/reimagined/resolve/tree/master/packages/resolve-scripts 等等