babel@7 配置以及依赖列表


1.安装依赖

  npm install @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/preset-typescript @babel/runtime-corejs3 core-js --save-dev

  or

  pnpm add @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/preset-typescript @babel/runtime-corejs3 core-js --save-dev

  or 

  yarn add @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/preset-typescript @babel/runtime-corejs3 core-js --save-dev

2.项目根目录新建配置文件babel.config.js 或者 babel.config.json 或.babelrc

 配置:

module.exports = {
    presets: [
        [
            // babel预设
            '@babel/preset-env',
            {
                // 使用corejs 3的版本
                corejs: 3,
                // 按需加载
                useBuiltIns: 'usage',
                // 不使用模块化  交给其它打包工具处理
                modules: false
            }
        ],
        [
            // typescript,
            '@babel/preset-typescript',
            {
                isTSX: true,
                allExtensions: true
            }
        ]
    ],
    plugins: [
        [
            // 只引入用到的模块
            '@babel/plugin-transform-runtime',
            {
                corejs: 3,
                helpers: true,
                regenerator: true,
                useESModules: false
            }
        ]
    ]
};