解决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脚本的性能的几个注意事项
Dec 22 Javascript
JavaScript 变量作用域分析
Jul 04 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
JavaScript判断浏览器类型的方法
Feb 10 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
js实现跟随鼠标移动的小球
Aug 26 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 Javascript
JavaScript array常用方法代码实例详解
Sep 02 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
Home Coffee Roasting
2021/03/03 咖啡文化
关于Intype一些小问题的解决办法
2008/03/28 PHP
php单件模式结合命令链模式使用说明
2008/09/07 PHP
php 定义404页面的实现代码
2012/11/19 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
php实现的双色球算法示例
2017/06/20 PHP
浅析PHP7 的垃圾回收机制
2019/09/06 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
javascript Prototype 对象扩展
2009/05/15 Javascript
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
2015/06/10 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
解决vuecli3.0热更新失效的问题
2018/09/19 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
Python跳出循环语句continue与break的区别
2014/08/25 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python实现接口并发测试脚本
2019/06/25 Python
python字符串替换re.sub()实例解析
2020/02/09 Python
英国泰坦旅游网站:全球陪同游览,邮轮和铁路旅行
2016/11/29 全球购物
什么是会话Bean
2015/05/14 面试题
护理自荐信范文
2013/10/05 职场文书
心理健康教育心得体会
2013/12/29 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
应届生求职信
2014/05/31 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
大学军训心得体会800字
2016/01/11 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis