安装脚⼿架⼯具

npm install -g create-react-app

初始化 React 项⽬

create-react-app projectname

运⾏ React 项⽬

cd projectname npm start

弹出 webpack 配置

默认 React 将 Webpack 的配置隐藏起来了。如果想要看到 Webpack 配置的话,需要运⾏如下命令 (将 Webpack 配置弹出来) npm run eject 初次运⾏我们可能会收到如下报错(原因:没有将项⽬代码提交到 git 仓库)

Webpack 在 React 中的应⽤ - 图1

将项⽬代码提交到 Git 仓库 // 初始化仓库的命令省略 git add . git commit -m “Add react code” git push -u origin master 然后再次执⾏ npm run eject

查看 Webpack 配置

Webpack 在 React 中的应⽤ - 图2