添加“ babel-preset-react”
npm install babel-preset-react
并在webpack.config.js中向babel-loader添加“预设”选项
(或者您可以将其添加到您的.babelrc或package.js:http
://babeljs.io/docs/usage/babelrc/ )
这是一个webpack.config.js示例:
{ test: /.jsx?$/, // Match both .js and .jsx files exclude: /node_modules/, loader: "babel", query: { presets:['react'] }}最近发布了Babel 6,并进行了重大更改:https :
//babeljs.io/blog/2015/10/29/6.0.0
如果您使用的是react 0.14,则应使用
ReactDOM.render()(from
require('react-dom'))而不是React.render():https
:
//facebook.github.io/react/blog/#changelog
更新2018
不推荐使用Rule.query,而使用Rule.options。webpack 4中的用法如下:
npm install babel-loader babel-preset-react
然后在您的webpack配置中(作为module.exports对象中module.rules数组中的条目)
{ test: /.jsx?$/, exclude: /node_modules/, use: [ { loader: 'babel-loader', options: { presets: ['react'] } } ], }


