ruoyi-vue-pro 前端vue js直接import导入本地文件使用方法

news/2024/7/10 1:20:21 标签: 前端, javascript, vue.js, vue, 前端框架

我的xml文件名称叫w2101.xml
在这里插入图片描述

第一步,删除所有依赖,否则配置以后就会启动报错:
在这里插入图片描述
第二步配置对应的文件格式,我当前使用的是xml文件
在这里插入图片描述
在这里插入图片描述

config.module
      .rule('xml')
      .test(/\.xml$/)
      .use('xml-loader')
      .loader('xml-loader')
      .end();

第三步重新安装所有依赖:
安装 Yarn,提升依赖的安装速度

npm install --global yarn

安装依赖

yarn install

启动服务

npm run local

第四步导入并输出导入文件内容:
在这里插入图片描述

import w2101Xml from './w2101.xml';

声明全局变量:xmlContent:w2101Xml,
打印输出xml文件内容
在这里插入图片描述

 console.log(this.xmlContent);

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

相关文章

使用opentelemetry搭建全链路追踪系统

背景 由于项目是分布式微服务架构系统,为了实现服务的可观察性,决定搭建一套可观测的系统。 由于我们当前使用的是go,而opentelemetry标准也是目前比较推荐的,并且其支持多语言,于是就想到用otel来搞了。废话不多说&a…

C++ 构建太慢的 5 个信号

从我的个人经验来看,我们每天庸庸碌碌,忙于处理各种各样的任务,但却并一定不了解这些处理方式背后的真实原因。与之相应地,我们自然也都不清楚每个决定背后的原因。在工作和个人生活上,大都如此。大家遵循着一种特定的…

蛋白质合成与计算机汇编的相似点

信息传递:在蛋白质合成中,DNA中的基因编码着蛋白质的序列信息,这些信息通过RNA转录成mRNA,然后翻译成氨基酸序列,最终形成蛋白质。类似地,在计算机编码中,源代码编写着程序的逻辑和功能&#xf…

ChatGPT基础(一) GPT的前世今生

文章目录 GPT模型简史GPT系列模型ChatGPT的应用 最近ChatGPT3.5可以免注册使用了,出来刨一波坟 说一说ChatGPT的来源和应用。 GPT模型简史 Generative pre-trained transformers(GPT)生成式预训练转换模型是大语言模型的一种(Large Language Model–>LLM)。它是…

【Spring Security】3.底层原理

文章目录 一、引入二、Filter1)DelegatingFilterProxy2)FilterChainProxy3)SecurityFilterChain4)Multiple SecurityFilterChain 一、引入 官方文档:Spring Security的底层原理 Architecture:整个SpringS…

C++【组合模式】

简单介绍 组合模式是一种结构型设计模式, 只有在可以将对象拆分为【树状结构】的情况下使用。并且像使用独立对象一样使用它们。 常用于表示与图形打交道的用户界面组件或代码的层次结构。 基础理解 Q:为什么要用组合模式 ? A:在…

智能语音机器人ai外呼机器人的运行原理和优势

在销售行业中,销售人员如果想尽可能的多获得客户,就需要不断的联系客户,慢慢孵化,但是效率十分低,尤其是在大量拨打电话的这一过程中,很多都是无效外呼,但是ai外呼机器人的出现完全改变了销售人…

一场关于Linux关键技术的硬核讨论,欢迎围观丨deepin Meetup西安站回顾

2024 年 3 月 30 日,「deepin Meetup 西安站」顺利举办!此次活动,我们聚集了业界专家与优秀开发者,吸引了来自西安及周边地区 60 余名用户的积极参与,从理论方法到应用实践,分享 Linux 最新技术成果及实战…