reactjs - 如何将 webpack 开发服务器默认端口从 8080 更改为其他端口？

Question

我刚刚开始学习 ReactJS，所以我还很生疏。我正在学习的类(class)的一部分涉及设置 webpack 开发服务器，到目前为止一切都很好。但是，我无法在浏览器中预览我正在做的事情(一切都已成功编译)，因为我有另一个应用程序(APACHE)在 8080 上运行。因此，我想更改 web packs 端口从默认的 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]
};

Answer 1

您可以在 webpack 配置中使用 devServer.port 选项。

devServer: {
  port: 9000
}

或者，您可以使用 --port CLI 选项，而不是更改 webpack 配置。所以你可以像这样运行它:

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