适用于webpack 4.x

配置一个React的开发环境在我看来是比较麻烦的，需要比较多的配置。
写一篇博文统计一下，让自己记住，也希望帮助到别人：

webpack
webpack-cli
webpack-dev-server
react
react-dom
babel-loader@next
@babel/core
@babel/preset-react
style-loader
css-loader

这里可能是必须的，在初始化(npm init -y)之后使用npm i -D {name}去安装他们，然后在webpack.config.js文件中写入以下内容：

var debug = process.env.NODE_ENV !== "production";
const path = require('path')

module.exports = {
  devtool: debug ? "inline-sourcemap" : null,
  entry: './src/js/root.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].bundle.js'
  },
  module: {
    rules: [{
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-react']
          }
        }
      },
      {
        test: /\.css$/,
        use: [{
            loader: 'style-loader'
          },
          {
            loader: 'css-loader'
          }
        ]
      }
    ]
  }
}