如何使用 CRACO 在自定义端口上启动响应应用程序？

Posted 2023-03-07

技术标签:

【中文标题】如何使用 CRACO 在自定义端口上启动响应应用程序？【英文标题】：How to start react app on custom port with CRACO? 【发布时间】：2021-12-31 02:19:14 【问题描述】：

我想在我的 react 应用中使用 Tailwind CSS。问题是CRACO start 在默认端口（3000）上启动应用程序，我想要自定义端口，但我不知道什么是正确的方法。（在他们的文档中找不到任何关于此的内容）

我在package.json 文件的scripts 字段中尝试了类似PORT=5000 CRACO start 的内容，但不起作用。有什么想法吗？

【问题讨论】：

【参考方案1】：

CRACO 使用 webpack devserver 配置来设置端口。

您需要创建一个配置。在自述文件中阅读更多内容：

https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#configuration-file

所以你的解决方案需要重新定义devServer。如何定义它在 webpack 文档中阅读：

https://webpack.js.org/configuration/dev-server/#devserver

【讨论】：

以上是关于如何使用 CRACO 在自定义端口上启动响应应用程序？的主要内容，如果未能解决你的问题，请参考以下文章