2016-12-07 20 views
0

からコンポーネントを反応させ、私はこのように個別に各1をインポートすることができます。インポートは、私は、フォルダ内で反応コンポーネントの束を持っているバンドルファイル

import Component1 from '../components/component1/component1'; 
import Component2 from '../components/component2/component2'; 

これが正常に動作しますようにコンポーネントを使用します。しかし、Webpackを使用してすべてのコンポーネントをバンドルすると、次のコードはコンポーネントをインポートしようとすると空のオブジェクトを返します。

import Component1 from '../dist/bundle.js'; 

このコンポーネントはレンダリングできません。ファイルをバンドルするときにコンポーネントをエクスポートするにはどうすればよいですか?

+0

Webpackは、他のライブラリではなくブラウザで使用する 'bundle.js'ファイルを生成しています。 – lux

+0

ウェブパックの設定を投稿できますか? – MoeSattler

答えて

0

バンドルからモジュールをインポートすることはできません。 このコードをソースの中に組み込んでバンドルする必要があります

+0

Grunt/Gulpのような別のツールを使用してコンポーネントライブラリを構築する必要があります。そして、それをソースコードに含めますか? – Sunny

+0

grunt/gulpはちょうどタスクランナーです。バンドル業者はブラウザを利用してWebpackを実行し、バンドル内の何にでもアクセスすることはできません –

関連する問題