第一步:安装模块化包
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/
}
]
},
然后打包一下,就可以看到效果了。