webpack如何给不同文件添加不同的公共路径

在项目开发中，使用webpack的过程中，遇到了一个问题，就是在css引用静态资源时，和html页面引用js的url中，我想通过output中的publicPath来添加公共路径，但是在css文件和html文件中的公共路径不同，我该怎么去分别添加不同的公共路径？
因为目前我是在本地写样式，但是在线上，图片都是在子域名f域名下，我需要添加例如f.example.com/image/这样的工作路径

在页面中js文件是在s域名下，我需要添加s.example.com/这样的公共路径