2023-5-23 webpack(output中的publicPath理解)

63 阅读1分钟

image.png

最终webpack-dev-server访问的是域名+publicPath+打包文件名.js

eg: http://localhost:8080/bundle.js (如果我们没设置publicPath,有些浏览器会自动帮助我们加上/)

image.png

image.png

区别: image.png

这样打包后的script标签是这样的

image.png

如果在本地访问,则相当于访问file:///boundle.js

所以如果我们想在本地访问,则不能给publicPath设置绝对路径,而需要设置相对路径

例如:

image.png

image.png

这样才是相对于html的相对路径,html能正常加载。

总结: 通常我们在服务器上部署,publicPath设置为绝对路径(域名+绝对路径+bundle.js),

在本地访问我们设置为相对路径