webpack 打包出的字体图标 ie8下不显示 ie9+ chrome都没有问题可以显示,这是什么原因呢?(代码如下)

首先是我的webpack的配置

        loaders: [//各种加载器
          //  {test: require.resolve('jquery'), loader: 'expose?$!expose?jQuery'},// 将jQuery暴露到全局变量中*!/
            //js&jsx加载器
            {
                test: /(\.js$|\.jsx$)/,
                //不解析node_modules中的js
                exclude:/node_modules/ ,
                loader: "babel"
            },
            //字体图标loader
            {test:/\.(woff|svg|eot|ttf)\??.*$/,loader:"url-loader?name=font/[name].[md5:hash:hex:7].[ext]"},
            //css加载器style-loader已经css-loader注意多个加载器用  "!"  连接
            //这里加入css模块打包
            {test: /\.css$/, loader: ExtractTextPlugin.extract("style", "css")},
            //{test: /\.scss$/, loader: "style!css!sass"},
            //单独打包出 sass装换成的css
            {
                test: /.scss$/,
                loader: ExtractTextPlugin.extract('style', 'css!sass!sass-resources')
            },
            //图片加载小于10K的以码流方式插入到js||css中
            {test: /\.(jpg|png|gif)$/, loader: "url?limit=10000&name=img/[hash:8].[name].[ext]"},
            //markdown-loader
            {test:/\.(md|markdown)$/,loader:"html-loader!markdown-loader"},

        ]

然后是我的写了字体图标的文件 tree.scss

@font-face {font-family: 'treemenu';
  src: url(./font/iconfont.eot?t=1495593779683);
  src: url(./font/iconfont.eot?t=1495593779683#iefix) format('embedded-opentype'),
  url(./font/iconfont.woff?t=1495593779683) format('woff'),
  url(./font/iconfont.ttf?t=1495593779683) format('truetype'),
  url(./font/iconfont.svg?t=1495593779683#iconfont) format('svg');
}

然后打包出来的 css文件对应的字体图标部分