我正在使用Webpack捆绑我的ReactJS应用程序。Webpack不捆绑依赖关系JS文件中导入的节点模块
helloworld.js
import React from 'react';
export default class HelloWorld extends React.Component {
render() {
return <h2>Hello {this.props.name}!</h2>;
}
}
index.js
import ReactDOM from 'react-dom';
import HelloWorld from './helloworld';
ReactDOM.render(<HelloWorld name="World" />,
document.getElementById('container'));
webpack.config.js
module.exports = {
entry: './index.js',
output: 'bundle.js',
module: {
loaders: [
{
test: /(\.js|\.jsx)/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react']
}
}
]
}
};
当我るn webpack-dev-server --progress --colors
我在浏览器中收到错误“React is not defined”但如果我直接在index.js中导入React,那么错误不会发生。 为什么Webpack在helloworld.js文件中引用的bundle中没有包含React?