無法使用Webpack和React編譯ES7功能

-1

我試圖編譯我的React應用程序支持ES7裝飾器，因爲我使用的是autobind-decorator，但是webpack說有一個「意外的標記」與路由器，這是應用程序的入口文件。我已經嘗試了各種版本的babel相關的npms，使用「state-0」和「transform-runtime」，它們都導致相同的錯誤。任何人的幫助將是非常讚賞:)無法使用Webpack和React編譯ES7功能

main.js

webpack.config

的package.json

來源

2016-03-02 screenm0nkey

給誰下投我的問題。你能否告訴我爲什麼你這樣做，所以我今後不會犯同樣的錯誤。我不介意被低估，但很高興知道爲什麼。我有一種感覺，它可能是屏幕截圖，而不是使用降價。非常感謝 – screenm0nkey

據the README of babel-loader，你應該在您的conf中使用query字段IG，像這樣：

module: { 
    loaders: [ 
    { 
     test: /\.jsx?$/, 
     include: // .... 
     loader: 'babel', 
     query: { 
     presets: [/*presets list*/], 
     plugins: [/*plugins list*/] 
     } 
    } 
    ] 
}

來源

2016-03-02 11:14:13 nof

謝謝你。修正了一個問題，但提出了另一個 – screenm0nkey

這樣做的原因是錯誤的webpack.config.js文件中不正確加載配置。您需要提供presets下query場在裝載機配置：

loaders: [ 
    { 
    test: /\.jsx?$/, 
    loader: 'babel', 
    query: { 
     presets: ['es2015', 'react', 'stage-1'] 
    } 
    } 
]

來源

2016-03-02 11:15:12 weeniearms

無法使用Webpack和React編譯ES7功能

回答

相關問題