Webpack non riuscito a @ font-face

Question

Ho un problema con Webpack con FontAwesome. Qui sono i miei caricatori:

module: { 
    loaders: [ 
     { test: /(\.js$)|(\.jsx$)/, exclude: /node_modules/, loader: 'babel-loader' }, 
     { test: /(\.jade$)/, exclude: /node_modules/, loader: 'jade-loader' }, 
     { test: /(\.css$)/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'postcss-loader'] }, 
     { test: /(\.styl$)/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'stylus-loader'] }, 
     { test: /\.(jpe|jpg|woff|woff2|eot|ttf|svg)(\?.*$|$)/, exclude: /node_modules/, loader: 'url-loader?importLoaders=1&limit=100000' }, 
     { test: /\.jsx$/, exclude: /node_modules/, loader: 'react-hot-loader' } 
    ], 
} 

E qui è l'errore che sto ricevendo:

ERROR in ./~/font-awesome/css/font-awesome.css 
Module parse failed: /Users/Username/Documents/Project/sub-project/node_modules/font-awesome/css/font-awesome.css Line 7: Unexpected token ILLEGAL 
You may need an appropriate loader to handle this file type. 
| /* FONT PATH 
| * -------------------------- */ 
| @font-face { 
| font-family: 'FontAwesome'; 
| src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); 
@ ./client/app.js 83:0-60 

Qualcun altro ha sperimentato questo problema e trovato una soluzione? Ogni suggerimento sarà molto apprezzato. Grazie.

Answer 1

Errore stupido. Rimosso l'esclusione dal mio css loader e ho funzionato.

{ test: /(\.css$)/, loaders: ['style-loader', 'css-loader', 'postcss-loader'] }