@H_404_0@不久前写了一篇<a target="_blank" href="https://www.jb51.cc/article/147250.htm">webpack 4 升级迁移 这里简单说下 React 项目的一些配置；
首先我们新建项目 react-web ，然后进入项目初始化 package.json ；
接下来我们安装 ，这里需要注意一点，是命令行已经单独提取出来了，我们不仅需要安装 webpack 还需要安装 。
接下来我们开始安装和 react 相关的依赖包；
接下来我们初始化 babel 的配置文件。
然后把下面内容粘贴进去；
实际上 webpack 4 是可以支持无配置构建的，但是我们还是按照传统的方式写一下配置文件;我们新建 webpack.config.js
接下来我们开始 做点和 React 组件相关的东西；
我们在 src 下新建目录 components ；
我们建立一个 Header.js 和 Footer.js .
Footer.js
class Footer extends Component {
constructor() {
super();
this.state = {
year: "2018"
};
}
render() {
return (
<footer class="ft">
copyright © {this.state.year} ); } } export default Footer;
constructor() {
super();
this.state = {
year: "2018"
};
}
render() {
return (
<footer class="ft">
copyright © {this.state.year} ); } } export default Footer;
Header.js
@H_404_0@然后我们新增文件 src/index.jsclass ReactApp extends Component {
constructor() {
super();
}
);
}
}
constructor() {
super();
}
render() {
return (
<div class="main">
ReactDOM.render(
export default ReactApp;