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

問題描述：

配置好了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的地址是用來指定打包後的文件要存放在哪裏。