Webpack无法加载字体文件:意外的令牌

我有一个使用字体文件的style.css文件,而且我无法使用Webpack加载字体文件。 这是我的装载机configuration:

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'*/ ] 

我收到的错误是

 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 

在我看来,Webpack将它作为一个CSS文件,当它不是。 但我很确定testingexpression式传递字体文件

你的testingexpression式中的正则expression式有一个小错误。 woff(2)意味着它总是寻找woff2并在一个单独的组中捕获2 。 如果你添加一个? 之后,webpack应该能够识别woff

 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&mimetype=application/font-woff" }, { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },