react+webpack+babel+webpcak-dev-server+react-router-dom从无到有

共计 540 个字符，预计需要花费 2 分钟才能阅读完成。

react-demo
两个目标：

手动搭建 react 脚手架：react、bable、webpack、react-router-dom、webpack-dev-server
理解 webpack 从无到有打包原理

手动搭建 react 脚手架项目地址
有坑的地方会特别说明，因为好多文章都没有给出 babel 和 webpack-dev-server 的版本，所以在搭建过程中遇到比较多的问题。
1.react react react-dom
2.babel babel-loader babel-core babel-presets-es2015|stage-0|react
babel 这里的坑：注意 babel 的版本号，比如运行时报错 babel/core 找不到等等，需要降低 babel 的版本，
注意 webpack.config.js 配置文件中的 loader 书写，需要从 webpack 官网找，有的博客写的不对会造成错误
注意需要有一个.babelrc 的文件
3.webpack
4.webpack-dev-server
使用 webpack-dev-server –hot –inline –config webpack.config.js 运行报错，注意降低 webpack-dev-server 的版本号
5.react-router-dom