使用webpack-dev-server时，我应该导航到localhost：8080还是localhost：8080/webpack-dev-server？

Question

当我运行webpack-dev-server前三行控制台输出的是：

http://localhost:8080/webpack-dev-server/ 
webpack result is served from/
content is served from ./dist 

我对我为什么要转到localhost:8080/webpack-dev-server/困惑。在过去，我会发现我的应用程序生活在localhost:8080。有什么不同？有没有/webpack-dev-server路径组件有什么优点和缺点？它会影响热重装吗？

编辑：

热重装似乎是由/webpack-dev-server影响的特征。我的浏览器不使用重载以下配置：

var webpack = require('webpack'); 
const path = require('path') 

module.exports = { 
    entry: "./src/index.js", 
    output: { 
    path: path.join(__dirname, 'dist'), 
    // publicPath: path.join(__dirname, 'dist'), 
    filename: "bundle.js" 
    }, 
    devServer: { 
    contentBase: "./dist" 
    } 
} 

Answer 1

在http://localhost:8080/webpack-dev-server/运行给你热重装为您的应用程序是在iframe跑了。

热重装只是意味着你只需点击保存，并webpack自动重新加载您的浏览器！

但是，您仍然可以使用​​，除非您为webpack-dev-server命令提供了一个额外的选项，否则您将错过热插拔。

webpack-dev-server --hot或webpack-dev-server --hot --inline然后你仍然会有webpack提供的热重载。

更多信息，请参阅：https://webpack.github.io/docs/webpack-dev-server.html