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

news/2024/7/9 23:58:02 标签: elementui, 前端, javascript, vue

背景

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版本相同,(避免不必要的问题)
在这里插入图片描述

vueconfigjswebpack_14">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项目,可以看到图标已经出来了!!!
如果有什么新问题,欢迎留言评论!!


http://www.niftyadmin.cn/n/5206526.html

相关文章

PMP对项目工程师有用吗?

一、什么是项目工程师? 项目工程师是指在各个领域负责技术操作、设计、管理以及评估能力的人员。他们通常担当项目的实施和执行角色,在开发或控制类项目中发挥重要作用。有时,项目工程师的称号还可以用来表示在某个领域取得专业资格的人员。…

信号功率放大器的工作原理和特点是什么

信号功率放大器是一种电子设备,用于将输入信号的功率进行放大,以达到所需的输出功率水平。它在各个领域中都有广泛的应用,包括音频放大器、射频放大器、激光功率放大器等。下面将详细介绍信号功率放大器的工作原理和特点。 工作原理&#xff…

Sui第七轮资助:八个项目共获得超过50万美元的资助

今日,Sui基金会宣布了本月获得资助的项目方,他们将获得超过50万美元的资助金,用于构建项目,推动Sui的采用和发展。要获得资助,项目必须提交提案,详细说明他们正在构建的内容、预算明细、关键里程碑、团队经…

Rust - cargo项目里多个二进制binary crate的编译运行

目录 foo - Cargo.toml - src - - main.rs - - bin - - - other-bin.rs将除默认入口文件外待作为二进制crate处理的文件放在src/bin目录下 方法一: 命令行增加配置项 --bin xxx cargo run --bin foo // 注意! 这里是包名,不是main cargo run --bin o…

前端——设计模式

0 设计模式分类 创建型:帮助创建对象(工厂模式、单例模式、建造者模式、原型模式)结构型:帮助设计代码结构(适配器模式、装饰者模式、享元模式)行为型:帮助组织模块行为(策略模式、…

Python爬取京东商品销售数据进行数据分析示例代码,以口红为例

文章目录 一、准备工作驱动安装模块使用与介绍 二、流程解析三、完整代码四、效果展示关于Python技术储备一、Python所有方向的学习路线二、Python基础学习视频三、精品Python学习书籍四、Python工具包项目源码合集①Python工具包②Python实战案例③Python小游戏源码五、面试资…

C //习题 8.13 写一个用矩形法求定积分的通用函数,分别求

C程序设计 (第四版) 谭浩强 习题8.13 习题 8.13 写一个用矩形法求定积分的通用函数,分别求 ∫ 0 1 s i n x d x , ∫ 0 1 c o s x d x , ∫ 0 1 e x d x \int_{0}^{1}sinx\ dx,\ \ \int_{0}^{1}cosx\ …

20230511 Windows Ubuntu vscode remote-ssh 连接配置

参考 : VSCode SSH 连接远程ubuntu Linux 主机 VSCode通过Remote SSH扩展连接到内网Ubuntu主机 Ubuntu 安装 sudo apt-get install openssh-server vscode: 安装remote-ssh 插件 连接到服务器IP 免密登录的公钥密钥传递用filezillaUbuntu 和 Windows 文件互传 …