Javascript Webpack 3和导入CSS中的字体

我正在使用主干网构建一个网页包应用程序，并尝试使用类似于

import './css/style.css';

但是，我的CSS文件使用的是True Type字体

@font-face {
  font-family: "Scramble";
  src: url(./scramble/Scramble.ttf) format("truetype");
}

我如何告诉webpack在哪里可以找到字体？我需要另一个加载器吗

目前我得到：

Module not found: Error: Can't resolve './scramble/Scramble.ttf'

---

Webpack需要知道如何加载此类资产

npm安装url加载器

，并将以下规则添加到您的网页配置中，以解析常见字体文件扩展名

rules : [
  {
    test: /\.(woff|woff2|ttf|eot)$/,
    use: [
      {
        loader: 'url-loader',
        options: {
          limit: 10000,
          mimetype: 'application/octet-stream'
        }
      }
    ]
  }
 // more rules
]