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

背景

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

vue版本2.x

element-ui 版本 2.13.x

注意

bash 复制代码
npm i -D file-loader@版本号

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

vue.config.js(链式webpack)

javascript 复制代码
module.exports = {
	....

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

		...
	},
};

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

相关推荐
用户9525115140155几秒前
最常用的JS加解密场景MD5
前端
Hilaku1 分钟前
“虚拟DOM”到底是什么?我们用300行代码来实现一个
前端·javascript·vue.js
打好高远球7 分钟前
mo契官网建设与SEO实践
前端
神仙别闹13 分钟前
基于Java+MySQL实现(Web)可扩展的程序在线评测系统
java·前端·mysql
心.c27 分钟前
react当中的this指向
前端·javascript·react.js
Java水解35 分钟前
Web API基础
前端
闲鱼不闲36 分钟前
实现iframe重定向通知父级页面跳转
前端
咸鱼青菜好好味36 分钟前
node的项目实战相关-2-前台接口
前端
春秋半夏37 分钟前
音乐播放、歌词滚动
前端·css
Sioncovy41 分钟前
Zustand 源码阅读计划(3)- JS 篇 - Middlewares 中间件逻辑
前端·javascript