我使用的是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/