Vue2.0+webpack 引入字体文件(eot,ttf,woff)

2023-11-17

 webpack.base.config.js 

需要配置

     {

        test:/\/(woff2?|eot|ttf|otf)(\?.*)?$/,
        
        loader: 'url-loader',
        
        options: {
        
        limit: 10000,
        
        name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        
        }
      }

如果 Vue2.0+webpack3.6引入字体文件(eot,ttf,woff)路径报错

These relative modules were not found:

* ../fonts/music-icon.eot?2qevqt in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/stylus-loader?{"sourceMap":true}!./src/common/stylus/index.styl
* ../fonts/music-icon.svg?2qevqt in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/stylus-loader?{"sourceMap":true}!./src/common/stylus/index.styl
* ../fonts/music-icon.ttf?2qevqt in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/stylus-loader?{"sourceMap":true}!./src/common/stylus/index.styl
* ../fonts/music-icon.woff?2qevqt in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/stylus-loader?{"sourceMap":true}!./src/common/stylus/index.styl

将font.css 路径修改为 

 src: url('/static/fonts/music-icon.eot?2qevqt')
  src: url('/static/fonts/music-icon.eot?2qevqt#iefix') format('embedded-opentype'),
          url('/static/fonts/music-icon.ttf?2qevqt') format('truetype'),
          url('/static/fonts/music-icon.woff?2qevqt') format('woff'),
          url('/static/fonts/music-icon.svg?2qevqt#music-icon') format('svg')

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue2.0+webpack 引入字体文件(eot,ttf,woff) 的相关文章

随机推荐

  • 大数据腾讯TEG面经——凉经

    一面 很多原理和计算机基础 c 1 反转链表和两个字符串最大公共子串 2 osi的七层和什么的四层 3 tcp和udp 三次握手 4 进程和线程区别 5 hadoop分布 zookeeper选举 6 hive和hbase区别 hbase都是
  • 基于 UML 的业务建模举例

    基于 UML 的业务建模 2011 05 30 作者 杨敏强 来源 网络 简介 对于管理流程咨询项目 大型信息化建设项目和套装管理软件实施项目 对业务环境的分析和理解对项目的成功至关重要 系统 全面理解 IT 系统所处的业务环境 可以帮助
  • FTP UPLOAD

    First you should add the following directives Listing 1 Directives using System Net using System IO The following steps
  • Linux 和uboot下dd命令读写sd,mmc,mm读写内存命令

    Linux 和uboot下dd命令读写sd mmc名 mm读写内存命令 记录一下 后面写
  • linux学成之路(基础篇)(十)网络和网络协议

    目录 一 概述 一 网络 二 功能 三 网络类型 四 概念 一 网络协议标准 二 IEEE 802局域网标准 三 网络常见设备 四 网络扩朴结构 五 数制介绍 一 十进制 二 二进制 三 八进制 四 十六进制 二 网络协议 一 分层模型 一
  • Python 生成器 装饰器 闭包 迭代器 元类 gil log 协程 垃圾回收 描述符 property

    迭代器和生成器 在 Python 中 迭代器 Iterator 是一种通过循环访问数据集合的方式 可以逐个访问集合中的元素 而不需要提前将整个集合加载到内存中 Python 中的迭代器通常是基于可迭代对象 Iterable 来实现的 例如列
  • YYF查全部考勤记录

    Controller package com chinasofti fwgl ctrl import java util HashMap import java util List import org springframework be
  • 【限时免费】20天拿下华为OD笔试之【DFS/BFS】2023B-寻找最大价值的矿堆【欧弟算法】全网注释最详细分类最全的华为OD真题题解

    DFS BFS 2023B 寻找最大价值的矿堆 题目描述与示例 给你一个由 0 空地 1 银矿 2 金矿 组成的的地图 矿堆只能由上下左右相邻的金矿或银矿连接形成 超出地图范围可以认为是空地 假设银矿价值 1 金矿价值 2 请你找出地图中最
  • 虚拟空间和服务器,虚拟空间和服务器

    虚拟空间和服务器 内容精选 换一换 Windows场景中 当把源端服务器迁移到华为云后 目的端服务器C盘的已用空间比对应源端服务器C盘的已用空间大至少1GB 而不是与源端服务器C盘的已用空间一致 这正常吗 正常现象 您可通过以下步骤查看原因
  • QVariant类

    QVariant类 QVariant类 demo 三级目录 QVariant类 QVariant类是Qt的共用体union数据类型 不仅能保存很多Qt类型的值 包括QColor QBrush QFont QRect QString及QSiz
  • dnf机械机器人补丁_史无前例!炉石一周内的第三个天梯平衡补丁来了

    大家应该还记得东少之前的一篇关于大铡蟹和鲁莽的实验者的文章吧 天胡的机械牧4费拍下伪装机器人 5费拍下鲁莽的实验者 然后直接无限buff斩杀对面 可惜大家将看不到这个强大可怕的无敌combo了 因为暴雪爸爸今天在官网论坛和Reddit都发表
  • 作好项目经理的12个要点

    1 了解项目管理的背景情况 成为一个成功的项目经理所面临的大部分困难来自于项目经理对公司内部各种挑战的理解和认识 项目是组织的一种特殊形式 它们作为一种机制 促进了一种产品和服务推向市场的效率 但是 它们还迫使项目经理在传统型 职能化的权利
  • 用C语言打印九九乘法表

    运用c语言的分支和循环的知识就可以打印出来9 9的乘法表 效果如图 具体代码 可以深刻理解循环和嵌套循环的应用 int main int i 0 行数 for i 1 i lt 9 i 行数 打印9行 int j 0 列数 for j 1
  • k8s scheduler 调度与 kubelet 启动 Pod 流程总结(四)

    文章目录 scheduler predicate 和 priority 资源需求 把 Pod 调度到指定 Node 上 nodeSelector 亲和性和反亲和性 节点亲和性 Pod 亲和性 污点和容忍度 Controller Manage
  • 【JavaEE初阶】第九节.多线程 (基础篇)定时器(案例三)

    作者简介 大家好 我是未央 博客首页 未央 303 系列专栏 JavaEE初阶 每日一句 人的一生 可以有所作为的时机只有一次 那就是现在 前言 一 定时器概述 二 定时器的实现 2 1 Java标准库 定时器的使用 2 2 自己模拟实现一
  • 使用mysql数据库插入中文全部变成问号

    下午使用MYSQL数据库 插入中文时候全部变成为问号 找了一下午都没有找到合适的答案 有点小伤心 一个小问题耗费这么多时间 后面按照网上的方法改来改去 最后甚至连插入中文都报错 遇到这样的问题 首先先不要着急 肯定是编码的问题 先检查下我们
  • spark写表指定外部表_Spark SQL 之自定义删除外部表

    Spark SQL 之自定义删除外部表 前言 Spark SQL 在删除外部表时 本不能删除外部表的数据的 本篇文章主要介绍如何修改 Spark SQL 源码实现在删除外部表的时候 可以带额外选项来删除外部表的数据 本文的环境是我一直使用的
  • 《万字长文带你解读AIGC》系列之技术篇

    欢迎关注 CVHub 官方微信公众号 前景回顾 Welcome to back 在 万字长文带你解读AIGC入门篇 一文中 我们详细为大家介绍了AIGC的相关概念 背景及其如此火爆的原因 接下来我们将进一步深入探讨AIGC背后的技术栈 作为
  • 【论文党福利】如何提取图像中的数据

    论文党福利 如何提取图像中的数据 从事科研的老师和同学们在撰写论文时 经常需要将文献中的曲线与自己的结果进行对比 为获取原始数据 最靠谱的方法当然是找原作者要 如果没有要到呢 本文将成为论文党的福利 为你提供你两种解决方案 均是用matla
  • Vue2.0+webpack 引入字体文件(eot,ttf,woff)

    webpack base config js 需要配置 test woff2 eot ttf otf loader url loader options limit 10000 name utils assetsPath fonts nam