果一切顺利，你现在应该看到你的 sau.jpg图标成为了重复的背景图，以及文本旁边的 img 元素。如果检查此元素，你将看到实际的文件名已更改为 e2c11146949c08b542c068aefc0c1d7b.jpg。这意味着 webpack 在 src 文件夹中找到我们的文件，并对其进行了处理！
3.3 加载字体
像字体这样的其他资源如何处理呢？file-loader 和 url-loader 可以接收并加载任何文件，然后将其输出到构建目录。这就是说，我们可以将它们用于任何类型的文件，也包括字体。让我们更新 webpack.config.js 来处理字体文件：
webpack.config.js
{ test: /\.(woff|woff2|eot|ttf|otf)$/, use: [ 'file-loader' ] }