Vue + Webpack - указание сервера для горячей перезагрузки

Question

Итак, у меня есть следующий файл конфигурации для использования с webpack-dev-server:

'use strict'
const { VueLoaderPlugin } = require('vue-loader');
const HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {
    mode: 'development',
    entry: [
        './src/app.js'
    ],
    module: {
        rules: [
            {
                test: /\.vue$/,
                use: 'vue-loader'
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin(),
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: 'index.html',
            inject: true
        })
    ],
}

Он работает все хорошо и хорошо, однако по умолчанию кажется, что он запускает сервер живой перезагрузки на http://localhost:8082. Есть ли способ указать, какой хост использовать для оперативной перезагрузки, например, скажем, у меня есть собственный домен, определенный как https://hotreload.com:3000? Любая помощь будет признательна!

Answer 1

Отредактируйте webpack.config.js, указав devServer.host, devServer.port и devServer.https.Используя спецификации вашего примера:

module.exports = {
  //...
  devServer: {
    host: 'hotreload.com',
    port: 3000,
    https: true,
  }
}