react+webpack+babel通用的简易开发环境配置

webpack 配置

1. 新建一个空的文件夹
2. 在新建的文件里打开cmd，依次输入以下指令，就会看见文件夹根目录多了package.json和node_modules文件了

/* 初始化项目得到package.json文件 */
npm init 
/* 开发环境安装，两种方式选择其中一个即可 */
npm i webpack webpack-cli  webpack-dev-server -S 
/* 全局安装 */
npm i webpack webpack-cli webpack-dev-server -g

3. 根目录新建webpack.config.js文件，webpack构建的一些列配置在这个文件里面配置，很是方便灵活
4. cmd中执行以下指令，安装html-webpack-plugin这个插件，这个插件是打包时自动生成index.html并且往index.html插入打包后的js

npm i html-webpack-plugin -S

5. webpack基本的配置项如下

var path = require('path');
var webpack = require('webpack');
var HtmlwebpackPlugin = require('html-webpack-plugin');
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve