webpack - Webpack/html-loader标签href解析

Answer 1

似乎将其添加a href到插件支持的属性列表中就足够了html-loader。所以在 webpack 配置中：

{
  test: /\.html$/,
  loader: 'html-loader',
  options: {
    attributes: {
      // ...
      {
        tag: 'a',
        attribute: 'href',
        type: 'src'
      }
    }
  }
}

Answer 2

对于 webpack 5，在选项中添加链接标签的源代码，如下所示

列表 arr 中的 ps '...' 是扩展默认支持的标签和属性所必需的

{
  test: /\.html$/i,
  include: path.join(__dirname, 'src/views'),
  use: {
    loader: 'html-loader',
    options: {
      esModule: false,
      sources: {
        list: [
          '...',
          {
            tag: 'a',
            attribute: 'href',
            type: 'src'
          }
        ]
      }
    }
  }
}