使用已安装的 webpack
已安装了 webpack 组件,但还不能直接使用?以下提供使用 webpack 的步骤:
使用框架开发
按照项目 readme 的说明进行即可,无需额外配置 webpack。这也是使用框架的优势所在。
手动修改配置
若需强行修改 webpack 配置,可在 package.json 中找到线索:
{ "...", "script": { "...", "start": "ts-node ./.erb/scripts/check-port-in-use.js &&& npm run start:renderer", "start:renderer": "cross-env node_env=development ts_node_transpile_only=true webpack serve --config ./.erb/configs/webpack.config.renderer.dev.ts", } }
启动 npm run start 时会执行 npm run start:renderer,其中指定了 ./.erb/configs/webpack.config.renderer.dev.ts 作为 webpack 配置文件。通过修改此文件可以对 webpack 配置进行调整。
参考项目 readme
以下是项目 readme 的部分摘录供参考:
安装
git clone --depth 1 --branch main https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name cd your-project-name npm install
开发
npm start
打包生产版本
npm run package