参考:https://fakefish.github.io/react-webpack-cookbook/Configuring-react-js.html
但执行 nam run dev的时候,提示错误
哪里的原因??
和你看同一个文章,遇到同一个问题。babel-loader转换的时候需要对es6的及react进行转化,需要在安装一些其他的依赖。
在package.json中引入如下配置:
"babel-preset-es2015": "^6.0.15",
"babel-preset-react": "^6.0.15"
然后新建.babelrc文件:
{
"presets": [
"es2015",
"react"
]
}
再次npm run dev即可解决
需要使用 babel-preset-react
应该要babel-preset-react
babel6变化挺大,不知道你看的教程是否up-to-date
看来文档没有更新的原因
$npm install babel-preset-react --save-dev
创建预设配置文件 .babelrc,内容如下:
{
"presets": ["react"]
}
再次执行 nam run dev 即可。
只是执行成功后,http://localhost:8080/webpack-dev-server/ 不显示任何内容,真是奇怪了。。。