我正在试验电子。我看到很多使用webpack的例子。
但为什么要使用像webpack这样的东西？因为据我所知，电子支持require('module')。
答案 0 :(得分：9)
Webpack不仅仅是一个JS模块捆绑器;它可以用于捆绑静态资源（例如图像的内联base64），编译Sass / Less / Stylus / CSS模块，消除死代码，树木抖动等等。使用正确的加载器和配置，在积极开发时只需要require('any-type-of-file.extension')。然而，根据我的个人经验，Webpack很有价值，因为它的开发服务器和热模块替换（HMR），使Live Reload感觉像黑暗时代的东西。
总结一下，您可以获得Gulp / Browserify / Rollup的所有组合功能，但是HMR位于顶部，所有这些都在一个工具中（以及批次和批次以及大量的装载程序;）。
毫无疑问，设置Webpack是一个PITA，但是如果你计划在Electron应用程序上工作很长时间，那么单独使用HMR节省的时间是值得的。
答案 1 :(得分：6)
不是用于电子的webpack。 require函数是node.js的一部分，它是电子的基础。
有关node.js文档中模块的更多信息： https://nodejs.org/dist/latest-v5.x/docs/api/modules.html
但是只要webpack也可用作节点模块（https://www.npmjs.com/package/webpack），也可以使用带电子的webpack。此时，您还可以在生产中动态使用构建，因为节点和chrome可以在一个应用程序中使用。
为什么要用webpack和电子？ 当您使用react或vue.js组件时，最好将组件分开。要将代码捆绑到一个应用程序中，您需要browserfy或webpack。这将是一个很好的原因，为什么要使用它。
答案 2 :(得分：5)
没有理由在Electron中使用Webpack，请查看electron-compile以在电子中使用Babel和LESS。
答案 3 :(得分：0)
好的文档，可以开始获得https://webpack.electron.build/
-使用webpack进行源代码捆绑
-使用webpack-dev-server进行开发
-HMR（用于渲染器和主进程）
-根据电子版本自动配置的@ babel / preset-env的使用
-能够添加自定义Webpack加载程序，插件等。
-附件，用于支持TypeScript，Less，EJS等。