解决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 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
js数组依据下标删除元素
Apr 14 Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
jquery插件ajaxupload实现文件上传操作
Dec 09 Javascript
基于node实现websocket协议
Apr 25 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
Apr 17 Javascript
Vue v-text指令简单使用方法示例
Sep 19 Javascript
Openlayers绘制聚合标注
Sep 28 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
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中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
2014/02/26 Javascript
angular.element方法汇总
2015/01/07 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
2017/02/04 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python3多线程爬虫实例讲解代码
2018/01/05 Python
python实现外卖信息管理系统
2018/01/11 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
Python Lambda函数使用总结详解
2019/12/11 Python
python3实现简单飞机大战
2020/11/29 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
巴西宠物商店:Cobasi
2019/04/19 全球购物
4s店机修工岗位职责
2013/12/20 职场文书
校三好学生主要事迹
2014/01/11 职场文书
护理毕业生自我鉴定
2014/02/11 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
Mysql binlog日志文件过大的解决
2021/10/05 MySQL