Как изменить порт по умолчанию webpack dev server с 8080 на другой порт?

Я только начал изучать ReactJS, и поэтому я довольно сырой. Часть курса, который я следую, включает в себя настройку сервера webpack dev, и до сих пор все было в порядке. Однако я не могу получить предварительный просмотр того, что я делаю (все компилируется успешно), в браузере, так как у меня есть другое приложение (APACHE), работающее на 8080. Таким образом, хотелось бы изменить порт webpack с его 8080 по умолчанию на другой порт, например, 9000. Я провел некоторое время в поисках решения, но там не похоже на ясный способ обойти это.

Если это поможет, вот мой основной webpack.код конфигурации:

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]
};
7
reactjs webpack

2 ответов

можно использовать devServer.port опция в конфигурации webpack.

devServer: {
  port: 9000
}

Alternativley вы можете использовать --port опция CLI вместо изменения конфигурации webpack. Итак, вы бы запустили его так:

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

кроме того, вы можете изменить файл, расположенный по адресу ./node_modules/webpack-dev-server/bin / webpack-dev-server.js"

отсюда находим строку .describe("port", "The port").default("port", 8080)

и просто измените номер порта по умолчанию на ваш номер выбора, например .describe("port", "The port").default("port", 9000)

-2