动态需要使用webpack的CSS

Question

让我们说这是我的服务器结构：

www
  source
    main.js
    assets
      img1
      img2
  siteLink1
     index.html
  siteLink2
     index.html

在两个htmls中，我有<script src='../source/bundle.js'/>所以我可以有两个链接使用相同的JS源。

问题是bundle.js包含所有的css，它们有类似的东西：

.bg{
  background: url(img1.jpg)
}

然后，webpacked JS添加了<style>，其中包含：

.bg{
  background: url(./assets/img1.jpg)
}

这很好，如果JS和HTML在同一个地方，但由于它们不是，html中的style指向不存在的相对assets文件夹。

所以我真正需要的是对JS说 - 当你将style标签与css-loader所需的所有css放在一起时，使它相对于JS的位置，而不是放在地方的HTML。

我该怎么办？