当前位置: 首页 > news >正文

vue2.0+elementui集成file-loader之后图标失效问题

背景

跑vue2+elementUI项目时,由于前端这边需要在本地存放xlsx模板文件,供用户下载模板文件,所以需要在webpack构建的时候增加file-loader进行解析xlsx文件打包。

vue版本2.x
element-ui 版本 2.13.x

注意

npm i -D file-loader@版本号

给vue项目安装file-loader的时候,需要尽量保证这个的版本同node_modules中element-ui中的file-loader版本相同,(避免不必要的问题)
在这里插入图片描述

vue.config.js(链式webpack)

module.exports = {....// 添加对 .xlsx 文件的处理规则config.module.rule("xlsx").test(/\.xlsx$/).use("file-loader").loader("file-loader").options({name: "[name].[hash:8].[ext]"}).end();...},
};

重新启动vue项目,可以看到图标已经出来了!!!
如果有什么新问题,欢迎留言评论!!

http://www.lryc.cn/news/249532.html

相关文章:

  • C# 文件帮助类(FileHelper)
  • WordPress 外链跳转插件
  • 算法的10大排序
  • “十道机器学习问题,帮助你了解基础知识和常见算法“
  • 部署WAF安全应用防火墙(openresty部署)
  • yml转properties工具
  • zerotier 搭建 moon中转服务器 及 自建planet
  • 深入了解Rabbit加密技术:原理、实现与应用
  • Linux常用命令——mv命令
  • Panalog 日志审计系统 前台RCE漏洞复现
  • Android设置文字颜色渐变
  • java基础面试题(二)
  • php爬虫实现把目标页面变成自己的网站页面
  • [c语言c++]手写你自己的swap交换函数
  • 技术类知识汇总(二)
  • 简单好用!日常写给 ChatGPT 的几个提示词技巧
  • pytorch分布式训练
  • 【PyTorch】(三)模型的创建、参数初始化、保存和加载
  • 高效开发之:判断复杂list中的对象属性是否包含某个值
  • MacOS + Android Studio 通过 USB 数据线真机调试
  • 部署jekins遇到的问题
  • SQLY优化
  • 设计模式——行为型模式(一)
  • Rust语言入门教程(六) - 字符串类型
  • 【MATLAB源码-第92期】基于simulink的QPSK调制解调仿真,采用相干解调对比原始信号和解调信号。
  • 关于C语言控制浮点数输出精度问题
  • 【Linux 静态IP配置】
  • 【Linux 操作系统配置 SFTP】
  • 信贷专员简历模板
  • Python自动化测试面试经典题