语言►nodejs►库►babel

什么是babel

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/08/01/%E4%BB%80%E4%B9%88%E6%98%AFbabel/

摘要

本文主要讲述了：

  1. 什么是 babel
  2. 作用
  3. 示例

正文

什么是 babel

babel 是 JavaScript 编译器。

作用

babel 用于将 ES6+的 JavaScript 代码转换为，遵循 CommonJS 规格、旧版本的 JavaScript 代码。

示例

新建项目

1
2
3
4
5
6
#!/usr/bin/env bash

mkdir learn_babel && cd learn_babel
npm init -y
npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install core-js regenerator-runtime

创建配置文件

learn_babel/babel.config.js

1
2
3
4
5
6
7
8
9
10
11
module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        useBuiltIns: 'usage',
        corejs: 3,
      },
    ],
  ],
};

源文件

learn_babel/index.js

1
const fn = () => 1;

编译

运行：

1
2
3
#!/usr/bin/env bash

npx babel index.js --out-file index.compiled.js

编译后将得到如下文件：

learn_babel/index.compiled.js

1
2
3
4
5
'use strict';

var fn = function fn() {
  return 1;
};

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/08/01/%E4%BB%80%E4%B9%88%E6%98%AFbabel/

本文对你有帮助？请支持我

支付宝
微信