は、私はデータのJSONファイルを含めたい私のコンポーネントでJSONファイル

Question

にファイル/定数をインポートする方法はありますので、

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

とスライド-data.jsonが

ようになりますだと思います

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

私はそう

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

のようなJSONファイルに画像をインポートしたい理想的にかかわらず、これが有効なJSONではありませんが、私たちですローダーを扱うためにwebpackを使い、このようなことが可能かどうか疑問に思っていましたか？

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; 
}; 

をし、設定でローダーを追加します：

Answer 1

あなたは（ちょうど例、テストされていない）slides-data.jsonのための独自のローダーを書くことができ

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

また、あなたがslides-data.jsonのために独自のファイル拡張子を使用することができます。

---

しかし、まず、これらのリンクをチェックアウト：

How to write a loader

Loaders API