Vue-cli引用有fonts字体的组件,打包后路径不正确

问题出现,在项目中,引用了 simpleMDE富文本编辑器,有字体样式.
在localhost中正常显示



路径为


然而打包后异常


路径异常


解决
主要是需要单独为 css 配置 publicPath 。
ExtractTextWebpackPlugin 提供了一个 options.publicPath 的 api,可以为css单独配置 publicPath 。
更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',         // 注意配置这一部分,根据目录结构自由调整
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

你可能感兴趣的:(Vue-cli引用有fonts字体的组件,打包后路径不正确)