webpack 配置 (支持 React SCSS ES6 编译打包 和 模块热更新 / 生成SourceMap)

1、首先是目录结构

|-node_modules/                  #包文件
|-build/                         #静态资源生成目录
|-src/                           #开发目录
    |-js/
        |-index.js               #入口文件
        |-app.js                 #React组件文件
    |-css/
        |-style.scss             #SASS样式文件
|-webpack.config.js              #webpack开发配置文件
|-index.html
|-package.json        |-node_modules/                  #包