这个答案似乎已经过时了。
当前依赖项
babel: ^6.5.2
babel-core: ^6.10.4
babel-loader: ^7.0.0-beta.1
webpack: ^2.3.2
webpack-dev-server: ^2.4.2
npm脚本
// points to specific dev configuration
"serve": NODE_ENV=development webpack-dev-server --hot --config ./webpack/development.js
.babelrc
{
"env": {
"development": {
"presets": [
"es2015",
"stage-0",
"react",
"react-hmre"
],
"plugins": [
"babel-plugin-root-import",
"react-html-attrs",
"transform-es2015-destructuring",
"transform-object-rest-spread",
"syntax-object-rest-spread"
]
},
"production": ...
"test": ...
}
}
Babel文档建议使用上述的.babelrcenv
配置,并提到要使用这个特定的presets
配置 -- 然而,使用上述配置时,babel-loader会抛出以下错误:
Invalid:
`{ presets: [{option: value}] }`
Valid:
`{ presets: [['presetName', {option: value}]] }`
如何编写正确的.babelrc
文件以使不同的环境正常工作?