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 そしてそれはポート8080で実行されます

あなたがpackage.jsonなしであなたのdevサーバを起動した場合。 端末から次のように実行するだけでもかまいません。

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