React+webpack学习日记

首先，先别看其它的什么教程了，如果你的英语能力与我差不多，都是很差的，直接先看官方推荐的中文翻译教程：

https://fakefish.github.io/react-webpack-cookbook/

教程大多都是2015年版本的，但React和webpack的变化太快了，现有的中文教程中，都是有BUG的。

上面这个教程并不能学完所有的方法，但了解webpack是怎么配置的还是可以的。

好了，这个是随心笔记，不追求大家能看懂，能给部分疑惑的带来帮助就好。

注意，我们需要引入react和es2015

即安装命令：

npm install babel-preset-react babel-preset-es2015 --save

我现在所用的配置：

var path = require('path');

module.exports = {
    entry: [path.resolve(__dirname,"app/main.js")],
    output: {
        path: path.join(__dirname,'build'),
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { 
                test: /\.(js|jsx)$/, 
                loader: 'babel',
                query:
                {
                    presets:['react','es2015']
                }
            }
        ]
    }
};

这个是build的配置，开发版输出。

不能保证这个内容是最新的，但是目前可用的。