我遵循了这个简单的教程(http://jslog.com/2014/10/02/react-with-webpack-part-1/)开始使用React和webpack,但是在尝试使用更更新的语法时遇到了问题。例如,使用ReactDom调用render而不是已弃用的'React.renderComponent'。
在webpack.config.js中的“externals”列表中添加。 (我不确定这是否必要。)
但是,我遇到了JavaScript错误,“ReactDom未定义”。
webpack.config.js:
我运行了:
npm install --save react-dom
并添加了
var ReactDom = require('react-dom')
将代码添加到index.jsx文件中
'react-dom': 'ReactDom'
在webpack.config.js中的“externals”列表中添加。 (我不确定这是否必要。)
但是,我遇到了JavaScript错误,“ReactDom未定义”。
webpack.config.js:
module.exports = {
entry: './index.jsx',
output: {
filename: 'bundle.js', //this is the default name, so you can skip it
//at this directory our bundle file will be available
//make sure port 8090 is used when launching webpack-dev-server
publicPath: 'http://localhost:8090/assets'
},
module: {
loaders: [
{
//tell webpack to use jsx-loader for all *.jsx files
test: /\.jsx$/,
loader: 'jsx-loader?insertPragma=React.DOM&harmony'
}
]
},
externals: {
//don't bundle the 'react' npm package with our bundle.js
//but get it from a global 'React' variable
'react': 'React'
},
resolve: {
extensions: ['', '.js', '.jsx']
}
}