2017-07-12 20 views
3

Webpackで構築されたAngular 4アプリケーションがあり、JSONファイルを提供しようとしています。 2つの質問:JSONをAngularでどのように提供できますか?

  1. 最も単純な場合、JSONファイルは静的です。私はmyfile.jsonイメージを含める方法を含めるためにwebpackを設定する方法を理解できません。つまり、ページ上の画像のURLを見ると、assets/angular.9db278d630f5fabd8e7ba16c2e329a3a.pngとなります。 JSONのURLがよりシンプルになることを望みます。
  2. もっと単純なケースでは、私はプログラムでファイルをビルドします。 JSON文字列を作成することは明らかに問題ではありませんが、を表示することはです。 PDFを表示する方法を例を見てみましたが、すべてがプラグインを必要とし、ほとんどの場合window.openを別のウィンドウに呼び出します。 AngularコンポーネントはWebページ上のタグ内に表示されるため、ページの「分割」に問題があります。

それは可能ですか?私は、2つの質問質問したが、私はいずれかの答えに満足していると思います。両方にではありません。

答えて

3

webpack 1を使用している場合は、json-loaderを使用できます。 JSONはデフォルトでwebpack 2に読み込まれます(json-loaderのREADMEを参照)。

JSONは、画像import myFile from ./myfile.jsonと同様にインポートできます。

あなたの他の質問に関しては、いくつかの例のコードなしでは、あなたがしようとしていることを理解するのが難しいです。作成したJSON rawを角度アプリケーションの外のページに表示すると思われますか?

+0

ありがとうございます。私が試してみましょう。限り、他の質問として、それはまさに正しいようです! – Felix

関連する問題