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

Question

我想为我的 React 应用程序使用 Tailwind CSS。问题是 CRACO start 在默认端口 3000 上启动应用程序，我想拥有自定义端口，但我不知道什么是正确的方法。（在他们的文档中找不到任何相关信息）

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

Answer 1

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

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

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

Answer 2

已接受的答案包含相关信息的链接，但如果它们变得无效或您懒得看它们，这里是您需要添加到 craco.config.js 文件的配置。

module.exports = {
  devServer: {
    port: 5000
  }
}

请注意，devServer 是配置中的顶级属性。

How to start react app on custom port with CRACO?