我正在用电子做实验。我看到很多使用 webpack 的例子。
但是为什么要使用 webpack 之类的东西呢？因为据我所知，电子支持require('module')。
【问题讨论】：
electron 中使用的不是 webpack。 require 函数是 node.js 的一部分，它是 electron 的基础。
关于 node.js 文档中的模块的更多信息： https://nodejs.org/dist/latest-v5.x/docs/api/modules.html
但只要 webpack 也可用作节点模块 (https://www.npmjs.com/package/webpack)，也可以将 webpack 与电子一起使用。此时，您还可以在生产中使用动态构建，因为 node 和 chrome 在一个应用程序中可用。
为什么将 webpack 与电子一起使用？ 当您使用 react 或 vue.js 组件时，分离组件可能是个好主意。要将您的代码捆绑到一个应用程序中，您需要 browserfy 或 webpack。这将是一个很好的理由，为什么要使用它。
【讨论】：
没有理由在 Electron 中使用 Webpack，请查看 electron-compile 在 Electron 中使用 Babel 和 LESS。
【讨论】：
Webpack 不仅仅是一个 JS 模块打包器；它可用于捆绑静态资产（例如，内联 base64 图像）、编译 Sass/Less/Stylus/CSS-Modules、消除死代码、摇树等。使用适当的加载器和配置，在积极开发时只需要require('any-type-of-file.extension')。然而，就我个人的经验而言，Webpack 的价值不仅仅在于它的开发服务器和热模块替换 (HMR)，这让 Live Reload 感觉像是来自黑暗时代的东西。
回顾一下，您可以获得 Gulp/Browserify/Rollup 的所有组合功能，但在顶部有 HMR，所有这些都在一个工具中（还有很多很多很多加载器；）。
毫无疑问，设置 Webpack 是一个 PITA，但如果您打算在 Electron 应用程序上工作很长时间，那么仅从 HMR 节省的时间就非常值得了。
【讨论】：
好的文档开始获取https://webpack.electron.build/
-使用webpack进行源码打包
-使用webpack-dev-server进行开发
-渲染器和主进程的HMR
-使用根据您的电子版本自动配置的@babel/preset-env
-能够添加自定义 webpack 加载器、插件等
-支持 TypeScript、Less、EJS 等项目的附加组件
【讨论】：