一般vue开发时,为了提高开发效率,需要安装一个webpack本地服务器,实时编译更新网页。所以就需要安装webpack-dev-server-----webpack-dev-server配置教程
Bug:
但是当我们安装好并且配置好devServer后,打开网页时,终端显示compiled successfully却发现无法实现热更新
Debug:
此时我们需要去看一下webpack.config.js文件,将output中的publicPath参数删掉。
这里有一个问题,相对路径在访问本地时可以,但是如果将静态资源托管到CDN上则访问路径显然不能使用相对路径,但是如果将publicPath
设置成/
,则打包后访问路径为localhost:8080/dist/main.js
,本地无法访问.