前端技术分享
0%

Babel 配置

发表于 分类于

Babel 是什么？

Babel 将新版 JavaScript 转换为兼容版本。

安装

1
npm install @babel/core @babel/cli --save-dev

预设

1
2
3
4
5
6
7
8
9
10
// babel.config.js
module.exports = {
  presets: [
    ['@babel/preset-env', {
      targets: {
        browsers: ['> 1%', 'last 2 versions']
      }
    }]
  ]
};

插件

1
2
3
4
5
6
module.exports = {
  plugins: [
    '@babel/plugin-transform-arrow-functions',
    '@babel/plugin-transform-template-literals'
  ]
};

Polyfill

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

总结

Babel 确保代码在老浏览器运行。配置灵活。