第一步：安装模块化包

cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react

 

第二步：安装成功后，在webpack.config.js文件找到module 然后在rules里面添加一个新的规则 代码如下

module: {        rules:[            //下面这部分是新添加的            {                test:/\.(jsx|js)/,                use:{                    loader: 'babel-loader',                    options:{                        presets:[                            "es2015","react"                        ]                    }                },                exclude: /node_modules/            }        ]    },

 

然后打包一下，就可以看到效果了。