react 项目package.json更改启动端口

我使用的是roadhog来启动前段react服务,日常中我们经常会需要启动多个项目,端口会经常冲突,为了方便开发,这边我们要修改启动端口:

将scripts中的start命令“roadhog server” 变更为 “set port=8808 && roadhog server”

如果还是不行,那么可以尝试更换为“export PORT=8808 && roadhog server”

{
  "private": true,
  "scripts": {
    "start": "roadhog server",
    "build": "npm run lint && roadhog build",
    "lint": "standard src/**/*.js && stylelint src/**/*.css",
    "precommit": "npm run lint"
  },
  "dependencies": {
    "@babel/runtime": "^7.0.0-beta.55",
    "antd-mobile": "2.2.6",
    "babel-polyfill": "6.26.0",
    "dva": "2.4.0",
    "dva-cli": "^0.10.1",
    "dva-loading": "2.0.5",
    "moment": "2.22.2",
    "nprogress": "0.2.0",
    "rc-slider": "8.6.4",
    "react": "16.3.0",
    "react-dom": "16.2.0"
  },
  "devDependencies": {
    "babel-plugin-dva-hmr": "0.3.2",
    "babel-plugin-import": "1.11.0",
    "husky": "0.12.0",
    "redbox-react": "1.4.3",
    "roadhog": "^2.5.0-beta.4",
    "standard": "12.0.1",
    "stylelint": "9.7.1",
    "stylelint-config-standard": "18.2.0"
  },
  "standard": {
    "parser": "babel-eslint",
    "ignore": [
      "/dist"
    ]
  },
  "stylelint": {
    "extends": "stylelint-config-standard",
    "ignoreFiles": [
      "/dist",
      "**/*.js"
    ],
    "rules": {
      "selector-pseudo-class-no-unknown": [
        true,
        {
          "ignorePseudoClasses": [
            "global",
            "local"
          ]
        }
      ]
    }
  }
}

参考:https://blog.csdn.net/zzqw199012/article/details/71543071/

你可能感兴趣的:(前端开发)