使用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