你真的理解webpack的publicPath吗

问题:publicPath写成'/' 和 './' 有什么区别?

区别

// 例子(页面在 https://a.com/sub/)

'/'  : 资源相对域名根
https://a.com/js/xxx.js

'./' : 资源相对当前页面路径
https://a.com/sub/js/xxx.js

建议:

  • 如果应用确定只部署在根, 那么用 '/' 也是可以
  • 如果应用部署在sub, 那么就不能用 '/', 应该用'./' 或 '/sub/'

特殊情况:

微应用-应用被集成到主应用
无论写 '/' 还是 './',浏览器当前地址都是主应用的。若不在入口最前面动态改 webpack_public_path,懒加载/chunk 很容易打到主应用域名上 404。
配好 './public-path' 后,运行时会被改成子应用地址,这时写 '/' 或 './' 影响主要在独立运行/构建产物。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容