Webpack在@ font-face失败

我有一个与FontAwesome使用Webpack的问题。 这是我的装载者：

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' } ], } 

这是我收到的错误：

 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 

有没有人遇到过这个问题，并find一个解决scheme？ 任何build议将不胜感激。 谢谢。

Answer 1

愚蠢的错误。 从我的CSS加载器中删除了排除，并得到它的工作。

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