Note for webpack3 with babel, react...setting

webpack.config.js

module.exports = {
    //...
    module: {
        /* version 1
         * use loaders
         */
        loaders:[
            {
                test: /\.js[x]?$/,
                exclude: /node_modules/,
                loader: 'babel-loader?presets[]=es2015&presets[]=react',
            },
        ],
        /* version 2
         * loaders > rules
         */
        rules: [{
            test: /\.js[x]?$/,
            exclude: /node_modules/,
            loader: 'babel-loader?presets[]=es2015&presets[]=react'
        }],
        /* version 3
         * following webpack docs `babel-loader`
         * note: options > presents 一般都是寫在.babelrc內
         * 但這樣寫可以動
         */
        rules: [{
            test: /\.js[x]?$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['es2015', 'react']
                }
            }
        }]
    }
    //...
}