webpack配置es6报错

Question

我获取了babel npm install babel-cli -g
也写入了依赖package.json npm install babel-cli --save-dev
使用了命令：npm install --save-dev babel-preset-es2015
在根目录下也建了:.babelrc
上面一切都能执行正常
但是转换的命令报错 :babel es6/index.js --out-file a.js
怎么回事?

Answer 1

1. 从你列的命令里看不出任何与webpack有关的信息，(小建议：先了解你要做的是什么事情)

2. 问题可能出现在.babelrc里，列出配置吧

补充：

根据你最后的描述，终于断定问题出现在你使用了全局安装的babel-cli，所以实际上没找到preset而导致的错误，修正方法也非常简单，在terminal里用这个命令：

node node_modules/.bin/babel es6/index.js --out-file a.js

或者在package.json的scripts里增加如下脚本：

"scripts": {
    "build": "babel es6/index.js --out-file a.js"
}

然后使用npm run build来编译。

最后，记得先删掉全局的那个babel-cli哦，sudo npm uninstall babel-cli -g