2015-11-11 13 views
7

benim JSX kodunu işlemek istiyorum, bu yüzden böyle webpakc.config.js yazma:Daha fazla param ayarlandığında webpack.config.js nasıl yazılır?

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

Ama benim JSX kodunu işlemek ve bunun gibi bir hata atmadım: The error threw in terminal

Google tarafından, config dosyama presets['react'] eklemem gerektiğini buldum. Yani bunun gibi yapılandırma güncellemek:

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

Ama başka bir hata attı: Ben ne yapmalıyım, WebPack bir taze duyuyorum A new error threw after update config file

?

+0

ilk hatası: SyntaxError: /Users/wen/Documents/SDE/Olege/olege-webApp/src/App.js Modül inşa başarısız ./src/App.js içinde HATA: Beklenmeyen belirteci (4: 9) 2 | sınıf Uygulama Bileşeni genişletiyor { 3 | \t render() { > 4 | \t \t dönüş \t

|^ 5 | \t} 6 | } – wen

+0

İkinci hata: /Users/wen/Documents/SDE/Olege/olege-webApp/node_modules/webpack-core/lib/LoadersList.js:54 \t \t if (! Element.loader || element.loader.indexOf ("!")> = 0) yeni Hata atma ("Yükleyici 've' yükleyiciler listesindeki çoklu yükleyiciler tanımlanamaz"); \t^ Hata: 'Sorgulama' ve yükleyici listesinde birden çok yükleyici tanımlanamıyor – wen

+0

Sorunuzu, yorumlarda kaybolmaması için hataları dahil etmek üzere düzenleyebilir misiniz? – ajshort

cevap

13

JSX'inizde ilk hata bir sözdizimi hatası gibi görünüyor. Yorumdan ne olduğunu söylemek zor. JSX dosya içeriğini göndermeyi deneyin.

İkinci hata hakkında: Belirli bir yükleyici için sorgu para bir JSON nesnesi olarak belirtilmesi gerekmez. Bunları, yükleyici adının yanı sıra bir sorgu dizesi olarak da belirtebilirsiniz. Örneğin. Aynı yapılandırma bu hat ile ifade edilebilir:

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

Tabii ki, yukarıda kullanmak kez JSON sorgu kaldırmak gerekir. Burada diğer bilgiler: https://webpack.github.io/docs/using-loaders.html#query-parameters

+0

Teşekkürler, bayım! – wen

+0

Bu tam olarak ihtiyacım olan şey. Teşekkür ederim. –