webpack 开发服务器端口

Question

我需要更改 webpack-dev-server 监听的端口。

到目前为止，我已经创建了这些文件：

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 的情况下启动您的开发服务器。您可以简单地运行从终端关注。

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

webpack 开发服务器端口

webpack dev server port

webpack

webpack-dev-server