webpack dev 서버 포트

Question

webpack-dev-server 포트를 변경해야합니다.

지금, 내가 만든까지 다음이 파일 :

• webpack.common.js
• webpack.dev.js
• webpack.prod.js

Answer 1

당신이 작성하지 않은 경우 package.json이 될 것 파일 이 코드 블록을 만들고 다음과 같은 코드 블록을 사용하면 좋습니다.

{ 
    "name": "someName", 
    "description": "description", 
    "main": "index.js", 
    "scripts": { 
    "start": "webpack-dev-server --host 0.0.0.0 --port 8080 --devtool eval --progress --colors", 
    "build": "NODE_ENV=production webpack --config webpack.config.prod.js -p" 
    }, 
    "dependencies": { 
    "babel-polyfill": "^6.16.0", 
    "html-webpack-plugin": "^2.24.1", 
    "react": "^15.3.2", 
    "react-dom": "^15.3.2", 
    "react-router": "^3.0.0", 
    "redux": "^3.6.0" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.17.0", 
    "babel-loader": "^6.2.5", 
    "babel-preset-es2015": "^6.16.0", 
    "babel-preset-react": "^6.16.0", 
    "webpack": "^1.13.2", 
    "webpack-dev-server": "^1.16.2" 
    }, 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ], 
    "plugins": [ 
     "transform-runtime", 
     "transform-object-rest-spread" 
    ] 
    } 
} 

사용하지 않은 모듈은 제거 할 수 있습니다. 는 다음과 같이 실행 : npm start 그리고 당신은 package.json없이 dev에 서버를 시작할 경우 포트 8080

에서 실행됩니다. 터미널에서 다음을 실행할 수도 있습니다.

webpack-dev-server --host 0.0.0.0 --port 8080