解决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 相关文章推荐
javascript 设置文本框中焦点的位置
Nov 20 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
详解jQuery中的easyui
Sep 02 jQuery
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
Vue实现商品飞入购物车效果(电商项目)
Nov 26 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 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
解析MySql与Java的时间类型
2013/06/22 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
php中array_multisort对多维数组排序的方法
2020/06/21 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
JS无限级导航菜单实现方法
2019/01/05 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
[00:17]天涯墨客一技能展示
2018/08/25 DOTA
Python实现字典的key和values的交换
2015/08/04 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
如何在django中运行scrapy框架
2020/04/22 Python
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
浅谈react路由传参的几种方式
2021/03/23 Javascript
会计专业应届生求职信
2013/11/24 职场文书
校园联欢晚会主持词
2014/03/17 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
大学生在校表现评语
2014/12/31 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
MySQL批量更新不同表中的数据
2022/05/11 MySQL