Vue编译打包出现的问题

打包到生产环境，woff字体引用的问题

打包完的 css 文件是这样的

/static/fonts/element-icons.535877f.woff

css 所在路径是 /static/css/，而加上上面的相对路径，就变成/static/css/+/static/fonts/element-icons.535877f.woff=/static/css/static/fonts/element-icons.535877f.woff导致加载出现404错误，解决办法

版本信息

{
	"webpack": "3.6.0"
}

在webpack中可以配置publicPath来解决

/build/utils.js

if (options.extract) {
    return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
    });
} else {
    return ['vue-style-loader'].concat(loaders);
}

引用自

https://github.com/iview/iview/issues/515