7.webpack加载资源方式

在配置文件已经添加file-loader或者url-loader的情况下，加载资源方式就是需不需要在配置文件配置额外的属性或者加载器的区分。

不需要额外添加配置的有：

• css文件使用url函数引入资源

需要额外添加配置的有：

• html文件的img标签src属性
• html文件的a标签href属性

这两种情况都需要用html-loader，html-loader默认会打包img标签引入的资源，但是a标签引入的资源不会打包，所以我们需要自己添加配置，具体配置如下：

```
{
    test: /\.html$/,
    use: {
        loader: 'html-loader',
        options: {
            attributes: {
                list: [
                    {
                        tag: 'a',
                        attribute: 'href',
                        type: 'src'
                    },
                    {
                        tag: 'img',
                        attribute: 'data-srcset',
                        type: 'srcset'
                    }
                ]
            }
        }
    }
}
```