如何使用 Webpack 加载器导入 XML,而不自动转换为 JSON

2024-05-14

Webpack 4 的 xml-loader 自动将导入的 XML 文件转换为 JSON。

通过什么方式可以导入XMLwithout转换为 JSON?

XML 数据将使用现有的、应用程序专用的 XML 解析器进行处理。

明确地说,我绝对愿意not想要 JSON 格式的加载结果。


事实证明,即使没有很好的记录,它也相对简单。

基本上,我们依赖 raw-loader,所以(使用 pnpm 来避免模块重复):

pnpm install --save-dev raw-loader

在你的 webpack 配置文件中:

rules: [
  { test: /\.xml$/,
    use: [
      'raw-loader'
    ]
  },

我将在这里使用 d3.js (更具声明性,因此更简洁)。

解析 xml 的方式因应用程序而异。在这里,我展示了处理 MusicXML 格式文件的第一步,其中乐谱采用部分格式。

一旦你有了顶级标签,你就可以开始深入挖掘了。其他 xml 格式有自己的专用标签 - 您需要在代码中研究并解决这些标签。

import * as d3 from 'd3';
import score from '!!raw-loader!./path-to-file.xml';
    
var parser = new DOMParser();
var score_as_xml = parser.parseFromString(score, "application/xml");

Could use d3.select(), as should only be one "score-partwise" occurrence:
var score_partwise_tag = d3.selectAll(score_as_xml.getElementsByTagName("score-partwise"));

if ((score_partwise_tag .. and so on.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Webpack 加载器导入 XML,而不自动转换为 JSON 的相关文章

随机推荐