reactjs - 在 Electron 上使用 webpack 有什么好处?

标签 reactjs webpack electron

我正在考虑一个使用 Electron 、 react 和 webpack 的应用程序。但我不确定在 Electron 上使用 webpack 是否有意义。我确信将 webpack 用于应用程序的 react 部分可能会受益很多,但我想知道它是否与应用程序的 Electron 部分相同。

最佳答案

为什么即使在 node.js 中也需要 webpack?因为 CJS 模块解析可能会花费很多,这取决于您的代码:

https://twitter.com/samccone/status/1010584941355077632

Friendly reminder that Node startup time due to module runtime parse and compile is non-trivial. Illustrated below is the hello-world webpack common chunks example, As we can see the actual work takes < 1/4th of the time, the rest is lost to the javascript parse ghoul



这适用于 Electron,因为它共享完全相同的模块分辨率。

https://twitter.com/_ojkwon/status/933046538762207232

CJS without bundling
没有捆绑的 CJS

with webpack bundled
捆绑了 webpack

尽管如此,这意味着开发/部署管道将完全改变,这并不是提高模块加载成本的保证途径。您必须分析您的依赖关系,并确定最佳性能的正确路径。

关于reactjs - 在 Electron 上使用 webpack 有什么好处?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56023108/

相关文章:

javascript - 丑化和缩小 Angular 4 代码

javascript - 提交表单后自动刷新页面 - ElectronJS

javascript - 我的 React 应用程序没有显示我创建的组件,我找出了原因

javascript - 在 React 中使用 PropTypes 将字符串值作为对象传递给 Redux 组件

reactjs - 如何将React js array[]转换为iOS中的NSArray和Android中的string[]?

javascript - 不能在 Electron 中要求来自渲染器的自定义模块

electron - Electron不显示重新加载和toggledevtools菜单

node.js - 为 Electron React JS 应用程序创建安装程序 - 安装后运行时不加载 reactJS 组件

reactjs - 入口点未定义 = ./index.html

webpack - 为什么 loader 在 webpack 中是从右到左读取的?