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" },
