javascript - 有没有办法将文件/常量导入到 json 文件中

Question

在我的组件中，我想包含一个 json 数据文件，所以想一下

import slides from './slides-data.json'

slides-data.json 看起来像

{
  "slides": [
    { img: "img.png", "text": "some text" },
    ...
  ]
}

理想情况下，我想将图像导入到 json 文件中，如下所示

import MyImage from './assets/img.png'
{
  "slides": [
    { img: "img.png", "text": "some text" },
    ...
  ]
}

这不是一个有效的 json，但我正在使用 webpack 来处理加载器，并且想知道这样的事情是否可能？

Answer 1

您可以为slides-data.json编写自己的加载器(仅示例，未经测试):

module.exports = function(source) {
    this.cacheable();
    JSON.parse(source).slides.forEach(function(slide) {
        this.addDependency(slide.img); // need to resolve this path before adding as dependency
    });
    return source;
};

并在配置中添加加载器:

{test: /slides-data\.json$/, loader: "json-loader!your-custom-slides-loader"}

您还可以为 slides-data.json 使用自己的文件扩展名。

<小时/>

但首先请查看这些链接:

How to write a loader

Loaders API