React+webpack 的开发环境配置步骤（四）

配置步骤（一）：http://blog.csdn.net/cbboke31/article/details/75950094
配置步骤（二）: http://blog.csdn.net/cbboke31/article/details/76043356
配置步骤（三）：http://blog.csdn.net/cbboke31/article/details/77046839

这个项目包已经共享到github上，库的地址为：https://github.com/BokeChen/webpackReact.git

项目的文件夹结构如下：

-build //webpack输出文件
     -bundle.js    
     -index.html    
     -manifest.json    
     -styles.css      
     -vendor.6efd1a6fe23853601773.js
-compononet //组件
    -Main.jsx    
    -Topic.jsx
-src
    -Action     
        -Action.jsx        
    -Config     
        -Route.jsx        
        -Store.jsx        
    -Css    
        -css.css        
    -Img    
        -73.png        
    -Less  
        -less.less        
    -Reducer    
    -index.jsx        
    -Scss    
        -scss.scss        
    -app.js              // webpack 的入口文件    
    -index.html          // html模板，用于生成build/index.html   
-.babelrc
-.eslintrc.json //eslint 的语法配置文件
-.gitignore //git 上传忽略清单
-LICENSE //git MIT协议的license
-package.json //webpack 的package.json文件
-postcss.config // css预处理
-README.md //项目说明文档
-server.js //webpack-dev-server 服务器的配置文件
-webpack.config.js //webpack的配置文件
-webpack.dll.config.js // dll的配置文件

预先安装好node.js，注意配置好NODE_PATH 的环境变量。

在项目根目录按shift+右键 ，之后选择 “在此处打开Powershell 窗口” 选项。在跳出的指令窗口敲 npm install+回车。

所有模块都安装好之后,再敲npm start 启动服务器。在浏览器地址栏敲http://localhost:8080 即可访问。
如果第三方库的版本有变动，请参照：http://blog.csdn.net/cbboke31/article/details/76043356 重新打包dll文件。

之后项目开发只需要直接修改，react相关的文件即可。