如何通过jquery将文件从html-loader附加到dom

Question

我的前端应用程序正在使用jquery并由webpack管理。我需要在运行时加载其他HTML文件，因此我使用html-loader加载HTML文件。我在webpack配置文件中配置了html-laoder插件，如下所示：

{
                  test: /\.html$/,
                  use: {
                    loader: 'html-loader',
                    options: {
                      attrs: false
                    }
                  }
                }

在我的javascript文件中，我使用下面的代码加载HTML文件：

const others = require('html-loader!./other.html')

others的值是module.exports = "<div id=\"rightside-sub-bar\">this is properties</div>";的字符串。我不能将others附加到jquery中的dom，如：$(.my-dom).append(others)。相反，我必须将others放在eval中，如下面的代码：

$(.my-dom).append(eval(others))

我不喜欢在我的js代码中使用eval的方式。加载其他HTML文件的更好方法是什么？