webpack打包其它资源

我们项目可能还会使用到一些其它的资源，比如字体文件

我们可以从 iconfont 阿里巴巴矢量图标库下载想要的字体图标文件
https://www.iconfont.cn/

下载之后我们会得到以下的文件，然后通过点击包含的 html 文件查看使用方法

我们要解决的问题是，如何打包处理诸如 iconfont.ttf 之类的资源文件？

我们可以使用 file-loader 来处理

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        // 打包其它资源，我们可以先排除 css/js/html/json等
        exclude: /\.(css|js|html|json)$/,
        loader: 'file-loader',
        options: {
           name: '[hash:10].[ext]'
        }
      }
    ]
  }
}