React+webpack开发环境搭建+端口修改

1）.新建mynew-react-web文件夹;

2）.cd mynew-react-web;

3）.npm init，此时会有一个package.json文件；

安装包依赖:
4）.npm install webpack webpack-dev-server --save-dev;

5）.npm install babel-core babel-loader --save-dev;

6）.npm install babel-preset-es2015 babel-preset-react --save-dev;

7）.type nul>.babelrc,新建.babelrc文件;

{
    "presets":["es2015","react"]
}

8）.npm install babel-preset-es2015 babel-preset-react --save-dev;

9）.npm install htm-webpack-plugin --save-dev;

9）.npm install htm-webpack-plugin --save-dev;

项目目录：

webpack.config.js文件内容

var path = require('path');
var webpack = require('webpack');
var HtmlwebpackPlugin = require('html-webpack-plugin');

var ROOT_PATH = path.resolve(__dirname);
var