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

Question

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

我尝试了类似文件字段PORT=5000 CRACO start内的操作，但不起作用。任何想法？scriptspackage.json

Answer 1

接受的答案包含相关信息的链接，但以防万一它们无效或者您懒得查看它们，这里是您需要添加到文件中的配置craco.config.js。

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

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

Answer 2

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

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

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