2016-07-08 9 views
0

Ich habe eine Frage Ich arbeite an einer Anwendung mit react Relais Graphql und mit Webpack als Bundler.Reagieren mehrere Bundle basierend auf User Type

App hat drei Arten von UserType und alle haben ein anderes Dashboard, also würde ich gerne eine gemeinsame Anmeldung für sie und andere Bundle nach erfolgreicher Anmeldung für entsprechende Dashboards haben, so dass Bundle Größe reduziert wird.

Antwort

4

Sie können das tun, indem Sie configure Ihre 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' 
    }, 
    ... 
} 

Name des Bundles wie user1.js, user2.js sein, user3.js

+0

richtig !! es benötigt noch ein paar Dinge, nämlich [Dynamisches Routing] (https://github.com/reactjs/reac- router/blob/master/docs/guides/DynamicRouting.md) mit react-router, ansonsten müssen wir mehrere html erstellen Dateien, um diese Pakete zu laden. – shavik

+0

Froh, mit Ihrem Problem zu helfen) – steppefox

+0

Ich bin immer noch verwirrt über Einstiegspunkte. Angenommen, ich habe eine Site 'example.com' und zwei weitere Seiten' example.com/register' und 'example.com/contact'. Jetzt möchte ich gemeinsame Dateien für 'example.com' bekommen und nur Register-Modul-Code in' example.com/register' laden und Modul-Code in 'example.com/contact' eingeben. Der Einstiegspunkt ist gleich "example.com". Funktioniert obige Lösung in diesem Szenario? – learner

Verwandte Themen