您现在的位置:首页 >> 前端 >> 内容

编译器尝试加载.eot font file,但是不知道怎么做

时间:2017/2/10 9:53:00 点击:

  核心提示:ERROR in ./~/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eotModule parse fail...

ERROR in ./~/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot

Module parse failed: /mnt/4E6E45D36E45B48D/Work/webpack-demo/node_modules/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot Unexpected character '?' (1:0)
You may need an appropriate loader to handle this file type.

 

原因:编译器尝试加载.eot font file,但是不知道怎么做,因为你没有适合loader

解决方法:

1、npm install file-loader url-loader -D

2、在webpack.config.js中添加下面的加载器

 

       test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'url?limit=10000&mimetype=application/font-woff'
        }, {
            test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'url?limit=10000&mimetype=application/octet-stream'
        }, {
            test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'file'
        }, {
            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
            loader: "url?limit=10000&mimetype=image/svg+xml"
        }


 

作者:网络 来源:linyeban的博