我跟随官网的配置文档进行学习,选择了CLI
的方式,当时中间问题重重。
我在node 10.12.0, npm 6.4.1, windows7
环境下,运行了以下命令:
npm init -y
npm install --save-dev babel-cli
npm install @babel/preset-env --save-dev
我新建js
文件夹,写了个简单的es6
语法的js
文件,然后创建了.babelrc
文件,内容如下:
{
"presets": [
"@babel/preset-env"
]
}
在上述情况下,通过npm run build
,运行package.json
中的命令babel js -d build
,此时提示我缺少@babel/core
,因此又进行了安装npm install --save-dev @babel/core@7.0.0
,最后我的工程项目如下图:
此时,再次运行npm run build
,会出现如下的报错:
我@babel/core
明明都是7.0.0
版本了,为什么还会出错呢,该如何解决?
跟着这个usage guide,可以成功搞定。
原因应该是
babel
7版本以后命名系统变了,npm install --save babel-cli
装的会是6.x
版本,而不会是最新的7版本。