1 安装依赖
"react": "^15.6.1",
"react-dom": "^15.6.1","babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-react": "^6.24.1",
2 配置js的loader
module:{
rules:[
{
test: /\.js/,
use:[{
loader: "babel-loader",
options:{
presets: ['react']
}
}]
},... ...
3 引入到js文件中
import React from 'react'
import ReactDOM from 'react-dom'
ReactDOM.render(
<div>React</div>,
document.getElementById("root")
)
优化编译速度:一般编译的时候不需要再次编译插件里的内容,所以可以把node_modules进行排除:
exclude:[
path.resolve(__dirname,"node_modules")
]