xml - 如何在不自动转换为 JSON 的情况下使用 Webpack 加载器导入 XML

Question

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

我可以通过什么方式导入 XML 而不转换为 JSON？

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

明确地说，我绝对不想要 JSON 格式的加载结果。

Answer 1

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

基本上，我们依赖于 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.