Babel用法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lihefei_coder/article/details/81592701

安装

1.在项目目录下执行npm init(相关信息可一路按Enter键,设置为默认信息),生成package.js文件。

npm init

2.在项目目录下创建 .babelrc文件(window系统下创建需要命名为.bablerc.或者利用ide工具创建)

{
  "presets": [], //设置转码规则
  "plugins": []  //设置插件
}

3.安装命令行转码工具babel-cli、babel-preset-env

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

4.改写 .babelrc文件配置

{
  "presets": ["env"], 
  "plugins": []
}

5.改写package.json

{
  "devDependencies": {
    "babel-cli": "^6.0.0" //安装时版本号会自动添加
  },
  "scripts": {
    "build": "babel src -d lib"//编译整个 src 目录并将其输出到 lib 目录。这里的src指的是需要转换的目录,lib指的是输出的内容的存放目录
  },
}

用法

执行命令转码

npm run build

babel-cli基本用法

# 转码结果输出到标准输出
babel example.js

# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
babel example.js --out-file compiled.js
# 或者
babel example.js -o compiled.js

# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
babel src --out-dir lib
# 或者
babel src -d lib

# -s 参数生成source map文件
babel src -d lib -s
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页