問題描述：

配置好了webpack-dev-server之後，修改文件，發現它可以重新編譯，但是瀏覽器頁面並沒有自動更新。

比如我在腳本裏新添了一句alert(1234), 雖然webpack-dev-server重新編譯了，但是瀏覽器頁面並沒有彈出1234.

解決：

需要在webpack.config.js中配置output的publicPath項。如下所示：

1 output: {
2     path: path.resolve(__dirname, ‘dist‘), //打包後存放的地址
3     publicPath:‘/dist‘, //訪問文件時用的地址
4     filename: ‘js/[name].js‘
5
 
   }

解釋：

webpack官網有這麽一句話：The webpack-dev-server also takes a hint from publicPath, using it to determine where to serve the output files from.

意思就是說，webpack-dev-server通過publicPath配置項提供的地址來尋找所服務的文件。

而我們一般想著它會通過path設置的地址找文件。其實path的地址是用來指定打包後的文件要存放在哪裏。

關於webpack-dev-server不能及時更新的問題