解决webpack+Vue引入iView找不到字体文件的问题


Posted in Javascript onSeptember 28, 2018

原因:

css-loader后面带了参数modules(打包报错)

url-loader后面带了参数name(引入报错)

{
 test: /\.css$/,
 use: ExtractTextPlugin.extract({
 fallback: "style-loader",
 use: "css-loader?modules!postcss-loader"
 })
},
{
 test: /\.(svg|ttf|eot|woff)\??.*$/,
 loader: "url-loader?limit=10000&name=fonts/[name].[ext]"
}

解决方案:去掉参数

{
 test: /\.css$/,
 use: ExtractTextPlugin.extract({
 fallback: "style-loader",
 use: "css-loader!postcss-loader"
 })
},
{
 test: /\.(svg|ttf|eot|woff)\??.*$/,
 loader: "url-loader?limit=10000"
}

或者

{
 test: /\.css$/,
 exclude: /node_modules/,
 use: ExtractTextPlugin.extract({
 fallback: "style-loader",
 use: "css-loader?modules!postcss-loader"
 })
}, {
 test: /\.css$/,
 include: /node_modules/,
 use: ExtractTextPlugin.extract({
 fallback: "style-loader",
 use: "css-loader!postcss-loader"
 })
},
{
 test: /\.(svg|ttf|eot|woff)\??.*$/,
 loader: "url-loader?limit=10000"
}

以上这篇解决webpack+Vue引入iView找不到字体文件的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 Javascript
Ajax 数据请求的简单分析
Apr 05 Javascript
Javascript开发之三数组对象实例介绍
Nov 12 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 Javascript
Vue路由权限控制解析
Nov 09 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 #Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 #Javascript
学习jQuery中的noConflict()用法
Sep 28 #jQuery
代码分析vue中如何配置less
Sep 28 #Javascript
使用JavaScript破解web
Sep 28 #Javascript
详解node字体压缩插件font-spider的用法
Sep 28 #Javascript
JS canvas绘制五子棋的棋盘
May 28 #Javascript
You might like
php中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
JavaScript编程开发中的五个实用小技巧
2010/07/22 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
javascript常用函数(2)
2015/11/05 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
vue.js表格分页示例
2016/10/18 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
Python制作CSDN免积分下载器
2015/03/10 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
Python3实现Web网页图片下载
2016/01/28 Python
python 实现矩阵上下/左右翻转,转置的示例
2019/01/23 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
二年级体育教学反思
2014/01/15 职场文书
新闻专业学生的自我评价
2014/02/13 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
工厂采购员岗位职责
2014/04/08 职场文书
企业安全生产承诺书
2014/05/22 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
教师党员个人总结
2015/02/10 职场文书
血轮眼轮回眼特效 html+css
2021/03/31 HTML / CSS
redis数据结构之压缩列表
2022/03/21 Redis