Hello! 欢迎来到小浪资源网!

Webpack已安装但无法使用?如何正确配置和启动Webpack?


Webpack已安装但无法使用?如何正确配置和启动Webpack?

使用已安装的 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

相关阅读