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会自动重新加载你的浏览器！

但您仍然可以使用http://localhost:8080/，除非您为webpack-dev-server命令提供额外选项，否则您将错过热重新加载。

webpack-dev-server --hot或webpack-dev-server --hot --inline然后您仍然可以使用网络包提供的热重新加载。

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

我应该在使用webpack-dev-server时导航到localhost：8080或localhost：8080 / webpack-dev-server？

1 个答案: