vue项目引用font-awesome字体打包路径报错

664 阅读1分钟

正常引入font-awesome字体,打包后字体引用路径报错。

字体文件放在static/fonts目录下,但是浏览器中显示的引用路径是:

static/css/static/fonts/...

在项目build/utils.js文件中,找到

ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader'
})

改为:

ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../'
})