2016-07-08 12 views
0

質問があります。私はreact relay graphqlを使用し、webpackをbundlerとして使用しているアプリケーションで作業しています。ユーザータイプに基づいて複数のバンドルを反応させる

アプリには3種類のUserTypeがあり、すべてが異なるダッシュボードを持つため、バンドルサイズが縮小されるように、それぞれのダッシュボードのログインに成功した後で共通のログインと異なるバンドルを使用したいと考えています。

答えて

4

あなたのWebPACKを設定することで、それを行うことができます:バンドルの

module.exports = { 
    entry: { 
     user1: path.join(__dirname, './client/app1.js'), 
     user2: path.join(__dirname, './client/app2.js'), 
     user3: path.join(__dirname, './client/app3.js') 
    }, 
    output: { 
     path: path.join(__dirname, './static/bundle/'), 
     filename: '[name].js' 
    }, 
    ... 
} 

名前がuser1.js、user2.jsようになり、正しい

+0

をuser3.js !!それはリアクションルータと一緒に[Dynamic Routing](https://github.com/reactjs/react-router/blob/master/docs/guides/DynamicRouting.md)をもう1つ必要とします。そうでなければ複数のhtmlを作成する必要がありますこれらのバンドルをロードするファイル。 – shavik

+0

あなたの問題を助けてくれてうれしいです) – steppefox

+0

私はまだエントリーポイントについて混乱しています。 example.comとexample.com/registerとexample.com/contactの2つのサイトがあるとします。これで 'example.com'の共通ファイルを取得し、' example.com/register'にレジスタモジュールコードだけをロードし、 'example.com/contact'にモジュールモジュールコードをロードします。エントリーポイントは 'example.com'と同じです。上記のソリューションはこのシナリオで機能しますか? – learner

関連する問題