Javascript 动态需要css与网页包

假设这是我的服务器结构：

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

在两个HTML中，我都有

，因此我可以有两个具有相同JS源代码的链接

问题是

bundle.js

包含所有css，它们有如下内容：

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

然后，网页包装的JS添加了

，上面写着：

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

这很好，如果JS和HTML在同一个位置，但是由于它们不是，HTML中的

样式

指向不存在的相对

资产

文件夹

所以我真正需要的是告诉JS——当你把

style

标记与

css loader

所需的所有css放在一起时，使其相对于JS的位置，而不是HTML的位置

我能做什么