Reactjs 如何更改webpack dev server'；从8080到另一个端口的默认端口？

我刚开始学习ReactJS，所以我有点生疏。我正在学习的部分课程包括设置webpack开发服务器，到目前为止一切都很好。但是，我无法在浏览器中预览我正在做的事情（所有内容都已成功编译），因为我有另一个应用程序（APACHE）在8080上运行。因此，我想将web包端口从默认的8080更改为其他端口，比如9000。我花了一段时间寻找解决方案，但似乎没有一个明确的方法来解决这个问题

如果有帮助，以下是我的基本webpack.config代码：

var HtmlWebpackPlugin = require("html-webpack-plugin")
var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
    template: __dirname + "/app/index.html",
    filename: "index.html",
    inject: "body"
});

module.exports = {
    entry: [
        "./app/index.js"
    ],
    output: {
        path: __dirname + "/dist",
        filename: "index_bundle.js"
    },
    module: {
        loaders: [
            {test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
        ]
    },
    plugins: [HTMLWebpackPluginConfig]
};

---

您可以在网页包配置中使用

devServer.port

选项

devServer: {
  port: 9000
}

或者，您可以使用

--port

CLI选项，而不是更改您的网页包配置。所以你可以这样运行它：

webpack-dev-server --port 9000 [other options]

---

添加到上面的答案：我将CLI与--port${1:-8080}一起使用，这样我就有了一个默认值，可以在运行时指定