babel安装
cnpm install babel -g
然后使用命令babel --help
命令行提示
You have mistakenly installed the babel package, which is a no-op in Babel 6.Babel's CLI commands have been moved from the babel package to the babel-cli package.
提示安装babel的命令行工具,babel-cli
,安装babel的命令行工具的目的是为了在命令行使用babel
cnpm install babel-cli -g
安装成功后使用babel -V
查看版本
6.26.0 (babel-core 6.26.3)
.babelrc配置
babel在转译代码的过程中会自动读取当前目录.babelrc配置文件,如果当前目录没有的话就遍历整个目录树去寻找,直到找到.babelrc文件或者含有"babel"字段的package.json文件,然后使用这些配置选项来转译代码。
1.创建一个.babelrc文件。
2.安装babel-preset-env
转译器;通过在.babelrc中配置env选项,可以让代码兼容不同版本的浏览器或者node。浏览器或者node已经支持的语法将不再转译了,不支持的才转译。如果不配置env选项,该转译器等同于babel-preset-latest。
{
"presets": [
[
"env",
{
"targets": {
"browsers": ["last 2 versions", "safari >= 7"]
}
}
]
],
"plugins": []
}
3.在package.json
中配置命令:
build
{
"name": "tools",
"version": "1.0.0",
"description": "",
"main": "test.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "babel test.js -o build.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"babel-preset-env": "^1.7.0"
}
}
即可使用npm run build
转译js代码。
网友评论