electron-webpack ¶

因为在 electron 环境中设置 webpack 不应该很困难。

概述¶

现代 Web 开发实践如今需要大量的设置，例如使用 webpack 打包你的代码，babel 用于转译，eslint 用于代码检查，还有更多不胜枚举。不幸的是，在创建 electron 应用程序时，所有这些设置都变得更加困难。electron-webpack 的主要目标是通过一个简单的安装消除所有初步设置，以便你可以回到开发你的应用程序。

为什么创建一个模块而不是一个完整的样板？

如果你在 JavaScript 世界中待过哪怕很短一段时间，你就会非常清楚事物总是在变化，开发设置也不例外。将所有开发脚本放入一个单一的可更新模块中是很有意义的。当然，功能齐全的样板也有效，但是这样做也意味着需要手动更新那些讨厌的 webpack 配置文件，当有新东西出现时，有些人可能会称之为魔法。

以下是使用 electron-webpack 时你会发现的一些很棒的功能

详细的文档
使用 webpack 进行源代码打包
使用 webpack-dev-server 进行开发
renderer 和 main 进程的 HMR
使用 @babel/preset-env，它会根据你的 electron 版本自动配置
能够添加自定义的 webpack 加载器、插件等
插件以支持诸如 TypeScript、Less、EJS 等项目

快速开始¶

通过 electron-webpack-quick-start 快速开始。

# create a directory of your choice, and copy template using curl
mkdir my-project && cd my-project
curl -fsSL https://github.com/electron-userland/electron-webpack-quick-start/archive/master.tar.gz | tar -xz --strip-components 1

# or copy template using git clone
git clone https://github.com/electron-userland/electron-webpack-quick-start.git
cd electron-webpack-quick-start
rm -rf .git

# install dependencies
yarn

如果你已经有一个现有的项目，或者正在寻找快速开始模板之外的自定义方法，请务必阅读 electron-webpack 文档的核心概念、项目结构和开发部分。

下一步¶

请务必利用 electron-webpack 提供的详细文档。它涵盖了从内部工作原理、添加自定义配置到构建应用程序的所有内容。