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

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

作者: LeungJhowe | 来源:发表于2018-11-30 09:26 被阅读0次

    问题出现,在项目中,引用了 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字体的组件,打包后路径不正确

          本文链接:https://www.haomeiwen.com/subject/oojccqtx.html