2016-08-04 19 views
0

Ich versuche, eine config-gesteuerte Webapp mit Webpack und eckig mit Babel und ES6 zu erstellen.Wie kann ich die JSON-Klartext-Konfiguration für meine webpack eckige App einbinden?

Ich trete immer wieder auf ein Problem, dass ich meine config.json in einem eigenen Stück und Zugriff von mehreren Controllern/Komponenten benötigt. Jedoch ist die Schwierigkeit, dass ich es in der menschlichen lesbaren Klartextform brauche (alias nicht gespritzt mit webpackJsonp usw. und minimized) gerade Standard json.

Hat jemand eine Idee?

Apologies im Voraus bin ich völlig neu webpack ...

+0

Hey, probier mal einen Blick darauf, schau, ob es hilft: https://stackoverflow.com/questions/38720133/webpack-bundle-dynamic-client-config/38737812#38737812 – Ambroos

+0

Cheers für den Link, obwohl ich es vorziehen würde, es in einer separaten Datei zu behalten, da die Config ruhig groß ist und häufig leise bearbeitet wird. –

Antwort

0

@Ambroos Thank you !!!

Obwohl es nicht genau das, was ich wollte, dass es die Arbeit zu tun hat mit ihm ein wenig nach Hantieren, dachte ich würde hier meine Erkenntnisse setzen, anderen zu helfen ...

Grundsätzlich nach dem Beispiel Ambroos gab mir Sie umfassen:

externals: { 
    'appConfig': 'var sysConfig' 
    }, 

in Sie Config WebPACK und konstruieren Sie wie so config: statt buchstäblich Dann

var sysConfig = { 
    "some": "config object" 
} 

das jSON-Objekt in Ihrem in Hinzufügen dex lädt man es einfach in der traditionellen Skript-Lade-Methode.

<script src="script location"></script> 

Dann ist es erforderlich, wo nötig:

var sysConfig = require('appConfig'); 

Dies funktioniert für webpack dev und dann für dist ich einfach verwenden schluck die Config zu kopieren, nachdem das webpacking abgeschlossen ist.

Glückliche Tage !! :)