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

以上就是Webpack已安装但无法使用？如何正确配置和启动Webpack？的详细内容，更多请关注硕下网其它相关文章！