customize-cra 如何指定devServer的端口号

昵称
  • 176

使用customize-cra包, 如何指定devServer的端口号?

我试了以下方式,没有成功。

devServer: overrideDevServer(
    watchAll(),
    (configFunction) => {
      configFunction.port=9000;
      return configFunction;
    }
  )
回复
阅读 616
2 个回答

直接在 npm scripts 前指定,e.g. :
package.json

scripts: {
  "start": "PORT=3001 react-app-rewired start",
  //...
}

补充回答:
后来查了下,CRA 实现指定了 env.PORT || 3000 端口,customize-cra 无能为力。
以下是CRA的相关源码,源码链接

const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;

参考: github相关issue链接

如果你要自己写config-overrides.js的配置, 那么要注意override的函数是高阶函数.

const addDevServerConfig = () => config => {
    // 在这里写你自己的配置
    return config;
}

devServer: overrideDevServer(
     addDevServerConfig(),
     watchAll()
),
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏