akfun/src/config/babel.config.js

前端脚手架：支持Vue技术栈和react技术栈

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        loose: true,
        modules: false // 是否启用将ES6模块语法转换为其他模块类型的功能，当前设置为false，以便webpack进行tree shaking。
        /*
        备注：后续升级babel版本时，再启用此配置
        useBuiltIns: 'usage', // 按需引入 polyfill，替代 @babel/polyfill
        corejs: 3, // 使用 core-js 3.x 版本
        */
      }
    ],
    ['@babel/preset-react'],
    '@babel/preset-typescript'
  ],
  plugins: [
    // ['import', { libraryName: 'antd', style: 'css' }], // babel-plugin-import: antd的按需加载
    ['@babel/plugin-transform-runtime'],
    ['@babel/plugin-proposal-decorators', { legacy: true }], // 启用装饰器语法支持
    '@babel/plugin-proposal-function-sent',
    '@babel/plugin-proposal-export-namespace-from',
    '@babel/plugin-proposal-numeric-separator',
    '@babel/plugin-proposal-throw-expressions',
    '@babel/plugin-syntax-dynamic-import',
    '@babel/plugin-syntax-import-meta',
    ['@babel/plugin-proposal-class-properties', { loose: true }],
    '@babel/plugin-proposal-json-strings',
    '@babel/plugin-transform-optional-chaining', // 支持可选链操作符 ?.
    '@babel/plugin-transform-nullish-coalescing-operator' // 支持空值合并操作符 ??
  ]
};