2016-08-22 26 views
5

Ağaç sallayarak özelliğini kullanmak istiyorum babel-preset-es2015-webpack'i yüklememiz gerekmiyor. Babel-preset-es2015'i kullanabiliriz ve modifiye bayrağını es2015 için önceden ayarlanmış olarak ayarlayabiliriz. Webpack yapılandırmamı aşağıda gösterildiği gibi değiştirdim, bu da yanıt bileşenlerimde içe aktarma satırında "Beklenmeyen belirteç alımı" hatasıyla sonuçlanıyor. Webpack es2015 ağaç tepkimesi ile çalkalanıyor

module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     query: { 
      presets: [['es2015', {modules: false}], 'react'] 
     } 
     }, 
     { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader") 
     } 
    ] 
    } 

Ben de ön ayarlarını belirlemek için çalışırken [ 'es2015', 'tepki', {modülleri: false}] Sonra konsol
Modül yapı üzerinde farklı bir hata başarısız var: ReferenceError: [BABEL] C: \ FE-Proj-Templates \ webpack \ main.js: Kaldırılmış Babel 5 seçeneğinin kullanılması: foreign.modules - plugins seçeneğindeki ilgili modül dönüştürme eklentisini kullanın. Check out http://babeljs.io/docs/plugins/#modules

Önceden ayarlanmış es2015'i modül bayrağını yanlış olarak nasıl ayarlayabilirim ve ayrıca React preset?

+0

Eğer webpack 2 (beta) kullanıyor musunuz çalışır ki? Webpack 1, ES2015 modülleri (ve ağaç sallayarak) desteklemiyor. – Ambroos

+0

Evet webpack kullanıyorum 2 –

+0

@NeginBasiri Bir çözüm buldunuz mu? –

cevap

12

Bu güncellenmiş ve

presets: [['es2015', {modules: false}], 'react'] 
+9

'['es2015', {modules: false}]' ın ayrı bir dizide olduğunu not etmek önemlidir. İlk önce gözden kaçırdım. – vkjb38sjhbv98h4jgvx98hah3fef

+0

'' gevşek: true' gibi '' önayarlar '' ekleyerek onu biraz daha optimize edebilirsiniz: [['es2015', {gevşek: doğru, modüller: false}], 'tepki'] ' – AntK