webpack热更新时,网页及时无法更新的问题解决

        一般vue开发时,为了提高开发效率,需要安装一个webpack本地服务器,实时编译更新网页。所以就需要安装webpack-dev-server-----webpack-dev-server配置教程

Bug:

        但是当我们安装好并且配置好devServer后,打开网页时,终端显示compiled successfully却发现无法实现热更新

Debug:

        此时我们需要去看一下webpack.config.js文件将output中的publicPath参数删掉。 

webpack热更新时,网页及时无法更新的问题解决_第1张图片 

        这里有一个问题,相对路径在访问本地时可以,但是如果将静态资源托管到CDN上则访问路径显然不能使用相对路径,但是如果将publicPath设置成/,则打包后访问路径为localhost:8080/dist/main.js,本地无法访问.

你可能感兴趣的:(webpack,前端,node.js)