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

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天米云给大家整理了《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？》的详细内容，更多关于的资料请关注米云公众号！

如何为签名面板添加横屏提示背景？