react webpack配置

最近在研究一个开源BI项目，打包用的是webpack，收集了一些相关资料和自己的使用经验分享出来。

安装webpack

　　1）以命令行工具的形式使用webpack时，在全局安装webpack。

npm install webpack -g

　　2) 编写自己的构建脚本，或由项目指定需要依赖的webpack，本地安装，webpack只是构建工具的角色，应该安装在dev－dependencies中，但是，目前我们只使用命令行工具，这种安装方式，只是作为介绍，在之后的搭建过程中并不会用到。

npm install webpack --save-dev

配置基本的webpack

　　在项目根目录下添加webpack.config.js配置文件，它是一个Node.js模块格式的配置文件，直接导出一个配置对象。

 // 用于拼接路径
 var path = require('path');
 
 module.exports = {
     // 指定项目入口
     entry: path.resolve(__dirname, 'index.jsx'),
 
     // 对输出结果描述
     output: {
         // 输出路径
         path: path.resolve(__dirname, 'build'),
         // 输出的文件名
         filename: 'bundle.js'
     },
 
     // 配置模块使用的加载器
     module: {
         loaders: [
         {
             // 假设我们拥有一个编译sass加载器
             // 匹配字符串
             test:/\.scss$/,
             // 使用的加载器，不可以省略加载器的后缀-loader
             loaders:['style-loader', 'css-loader', 'sass-loader']
         }
     }
 }