Webpack ne peut pas charger le fichier de police: Unexpected Token

J'ai un style.css fichier qui rend l'utilisation d'un fichier de police, et je vais avoir du mal à obtenir le fichier de police chargé à l'aide de Webpack. Voici ma configuration du chargeur:

    loaders    : [
        {
            test    : /\.(js|jsx)$/,
            exclude : /node_modules/,
            loader  : 'react-hot!babel-loader'
        }, {
            test   : /\.styl/,
            loader : 'style-loader!css-loader!stylus-loader'
        }, {
            test   : /\.css$/,
            loader : 'style-loader!css-loader'
        }, {
            test   : /\.(png|jpg)$/,
            loader : 'url-loader?limit=8192'
        }, {
            test   : /\.(ttf|eot|svg|woff(2))(\?[a-z0-9]+)?$/,
            loader : 'file-loader'
        }
        /*}, {
         test : /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
         loader : 'url-loader?limit=10000&minetype=application/font-woff'*/
    ]

Les erreurs que je reçois est 

ERROR in ./src/fonts/icon/fonts/mf-font.woff?lt4gtt
Module parse failed: /PATH/src/fonts/icon/fonts/mf-font.woff?lt4gtt Line 1: Unexpected token ILLEGAL
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
 @ ./~/css-loader!./src/fonts/icon/style.css 2:293-331

Il me semble que l'Webpack est à prendre comme un fichier CSS quand il ne l'est pas. Mais je suis sûr que l'expression de test passe pour le fichier de police

InformationsquelleAutor Angela | 2015-07-02
  1. 65

    La regex dans votre expression de test a une petite erreur. woff(2) signifie qu'il cherche toujours woff2 et ne capture que la 2 dans un groupe distinct. Si vous ajoutez un ? après elle, webpack doit être capable de reconnaître woff ainsi:

    test   : /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
loader : 'file-loader'

    S'il vous plaît laissez-moi savoir si cela a fonctionné.

    • Ne pouvait pas croire qu'il était sur une stupide erreur, merci
    • Pourquoi ne webpack veulent capturer les 2 dans un groupe distinct?
    • Il n'a pas. Vous pouvez également écrire /\.(ttf|eot|svg|woff2?)(\?[a-z0-9]+)?$/ ou de l'utilisation d'un non-capture d'un groupe /\.(ttf|eot|svg|woff(?:2)?)(\?[a-z0-9]+)?$/. Je viens de quitter le groupe pour plus de clarté (parce que woff2? pourrait être mal interprété comme correspondant, soit tout ou rien).
    InformationsquelleAutor nils
  2. 3

    Cela a fonctionné pour moi:

    { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
{ test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
    InformationsquelleAutor svassr