Come scrivere webpack.config.js quando si impostano più parametri?

Question

Voglio gestire il mio codice JSX, quindi scrivo webpakc.config.js come questo:

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

Ma non gestire il mio codice JSX e gettare un errore come questo: The error threw in terminal

Da Google trovo che ho bisogno di aggiungere presets['react'] al mio file di configurazione. Quindi aggiorno config in questo modo:

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

Ma è buttato un altro errore: A new error threw after update config file

Io sono un più fresco in webpack, cosa devo fare?

Answer 1

Il primo errore sembra essere un errore di sintassi nel JSX. Difficile dire cosa sia dal commento. Prova a pubblicare i contenuti del file JSX.

Informazioni sul secondo errore: I parametri di query per un caricatore specifico non devono necessariamente essere specificati come oggetto JSON. È possibile specificarli come stringa di query adiacenti al nome del caricatore. Per esempio. la stessa configurazione può essere espresso con questa linea:

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

Naturalmente, è necessario rimuovere la query JSON una volta che si utilizza il sopra. Maggiori informazioni qui: https://webpack.github.io/docs/using-loaders.html#query-parameters