babel入门

编译工具

安装

npm install --save-dev babel-cli babel-preset-env

使用

创建文件.babelrc文件：

{
    "presets": ["env"]
}

1. 在package.json中配置

"scripts": {
    "build": "babel index.js --out-file ./lib/index.js"
}
# --out-file 可简写为 -o

2. 在控制台直接输入

./node_modules/.bin/babel index.js -o ./lib/index.js

3. 常用编译命令

# --out-file 或 -o 输出编辑结果到单个文件
babel ./script.js -o ./script-com.js
# --watch 或 -w  修改文件后编译文件（监听）
babel ./script.js -o ./script-com.js -w
# --source-maps 或 -s 生成source-map
babel ./script.js -o ./script-com.js -s
# --source-map inline 生成内联的source-map（不会单独生成文件）
babel ./script.js -o ./script-com.js -s inline
# --out-dir 或 -d 编译整个目录到目标目录
babel ./src -d ./lib
# 编译整个文件夹到单个文件中
babel ./src -o ./lib/all.js
# --ignore 忽略文件
babel ./src -d ./lib --ignore jquery.min.js
babel ./src -o ./all.js --ignore jquery.min.js