Wie webpack.config.js schreiben, wenn mehr Parameter gesetzt?

Question

Ich möchte meinen jsx Code zu handhaben, so schreibe ich webpakc.config.js wie folgt aus:

{ 
    test: /\.js$/, 
    loaders: ['react-hot', 'babel-loader?presets[]=es2015'], 
    exclude: /node_modules/ 
} 

Aber es hat nicht meine jsx Code behandeln und einen Fehler wie diese werfen: The error threw in terminal

Bei Google finde ich, dass ich presets['react'] zu meiner Konfigurationsdatei hinzufügen muss. So aktualisieren ich Config wie folgt aus:

{ 
    test: /\.js$/, 
    loaders: ['react-hot', 'babel'], 
    query: { 
     presets: ['react', 'es2015'] 
    }, 
    exclude: /node_modules/ 
} 

Aber es warf einen weiteren Fehler: A new error threw after update config file

Ich bin ein frischer in webpack, Was soll ich tun?

Answer 1

Der erste Fehler scheint ein Syntaxfehler in Ihrem JSX zu sein. Schwer zu sagen, was es von dem Kommentar ist. Versuchen Sie, den Inhalt der JSX-Datei zu veröffentlichen.

Informationen zum zweiten Fehler: Abfrageparameter für einen bestimmten Loader müssen nicht unbedingt als JSON-Objekt angegeben werden. Sie können sie auch als Abfragestring neben dem Loader-Namen angeben. Z.B. die gleiche Konfiguration kann mit dieser Linie ausgedrückt werden:

loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015'] 

Natürlich, werden Sie die Abfrage JSON entfernen müssen, wenn Sie die oben verwenden. Mehr Infos hier: https://webpack.github.io/docs/using-loaders.html#query-parameters