为什么在webpack中需要html文件时会得到位置字符串？

Question

var uib = $uibModal.open(
  {
    template: require('./create/create.html'),
  }
)

我想要在create.html中获取内容并以模式显示它，但它显示./create/create.html （模式中位置的字符串）。

我在webpack.config.js中添加了html loader：

    {
      test: /\.html$/,
      loader: 'raw-loader',
    },

Answer 1

您应该使用templateUrl

var uib = $uibModal.open({

  templateUrl: require('./create/create.html'),

});

当您想在js中声明html代码时，可以使用template
但是如果您想在create.html调用诸如create.html类的html页面，则必须通过templateUrl进行调用

您也可以在template编写代码，例如：

var uib = $uibModal.open({

  template: '<html><h3> Hie i am in js </h3></html>'

});