无法识别Webpack文件加载器

Question

我正在尝试使用webpack构建我的项目，到目前为止我很喜欢它。但是，现在我想尝试包含字体 - 真棒，这让我很烦恼。

我已经通过npm安装了font-awesome，并使用import 'font-awesome/css/font-awesome.css'将其导入到我的项目中。然后Webpack尝试包含该文件，但无法为字体文件找到合适的加载器。这是我的webpack.config.js：

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

var extractScss = new ExtractTextPlugin('bundle.css');

module.exports = {
    entry: './app/app.tsx',
    output: {
        path: 'dist',
        filename: 'bundle.js'
    },
    resolve: {
        extensions: ['', '.ts', '.js', '.tsx']
    },
    devtool: 'source-map',
    module: {
        loaders: [
            {
                test: /\.ts(x?)$/,
                loader: 'babel?presets[]=es2015!ts'
            },
            {
                test: /\.scss$/,
                loader: extractScss.extract(['css', 'sass'])
            },
            {
                test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'url?limit=10000&minetype=application/font-woff'
            },
            {
                test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'file'
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: 'app/index.ejs',
            inject: false,
            appMountId: 'root'
        }),
        new ExtractTextPlugin('bundle.css')
    ]
};