webpack3解决font awesome找不到字体（webpack引入font awesome）

    看了N个网页都没解决，最后吧file loader的useRelativePath设置为true解决了。看了一下，该属性是 生成一个相对 url ，难道之前打包的时候引入的都是绝对URL？这点求大佬指点。下面是引入font awesome的步骤。

1.下载font awesome

    这是废话。我用的是CSS

2.引入font awesome

import '../../font-awesome/css/font-awesome.min.css';

3.webpack配置

{
                test: /\.(eot|svg|ttf|woff|woff2)\w*/,// font awesome loader
                use: [
                  {
                    loader: 'file-loader',
                    options: {
                        publicPath:'/fonts/',//打包到fonts文件夹
                        useRelativePath:true,//设置为相对路径
                        name:'[name].[ext]'
                    }
                  }
                ]               
            },{ 
                test: /\.(css)$/, //因为我其他文件用的都是less，这里把font awesome的css单独打包
                include:path.resolve(SRC_PATH, 'font-awesome'),
                use:fontCss.extract({
                        fallback: "style-loader",
                        use: [{
                            loader: "css-loader",
                        }]
                })
            }