npm 下载的时候是从国外的源下载的缘故。所以可以把 npm 的源改成国内的 taobao 的源，这样会加速下载过程。在执行上面的命令之前可以先修改一下 npm 的源：
npm config set registry https://registry.npm.taobao.org
React官方脚手架地址：
https://github.com/facebook/create-react-app
在终端下安装执行npm install -g create-react-app 不用每个项目都装。一个webstorm装一次即可
npm install -g create-react-app
npm uninstall -g create-react-app // 卸载安装的包
可以直接使用它来构建一个 react 的前端工程
create-react-app my_app
Webpack 是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且如果有需要它还可以被整合到其他比如 Grunt / Gulp 的工作流
安装 Webpack：
npm install -g webpack
npm install -g webpack-cli
Webpack 使用一个名为 webpack.config.js 的配置文件，要编译 JSX，先安装对应的 loader: npm install babel-loader --save-dev
--save-dev 会把下载包的相关信息写到package.json的devDependencies里面方便以后发布，其他人使用的时候只需要npm install就可以把相关的依赖下载到当前的项目里面。
-g表示把这这个包安装在全局中
使用babel可以将ES2015的代码编译成ES5的，也可以将JSX编译成javascript函数。
这种过程称为‘转译’ ，因为它将源代码编译成另一份新的源代码，而不是可执行文件。
运行webpack时报了一个:Plugin/Preset files are not allowed to export objects 翻译过来就是 :(插件/预设文件不允许导出对象)
因为 babel 的版本冲突 core的版本是6.x 要求loader的版本为7.x。目前core的最新版本是6.x，而最新的loader已经更新到了8.x,所以在安装loader的时候要指定一下版本号
下面是官方文档说明版本对应要求:
//这段是官方文档中的，应该是对版本之间的一些要求吧。
webpack 4.x | babel-loader 8.x | babel 7.x
如果 你配置里的babel-loader 8.x版本的话你对应的babel 就为 7.x
运行下面这句:
npm install babel-loader@8 babel/core @babel/preset-env babel-preset-react babel-cli babel-preset-es2015 webpack
webpack 4.x | babel-loader 7.x | babel 6.x
如果 你配置里的babel-loader 7.x版本的话你对应的babel 就为 6.x
运行下面这句:
npm install babel-loader@7 babel-core babel-preset-env babel-preset-react babel-cli babel-preset-es2015 webpack
npm install --save-dev babel-preset-stage-0