React / Vue B/S结构下的Babel配置

React.js + ECMA2021 + 尽可能多的支持浏览器

// package.json
{
  'browserslist':[
    '> 0.5%',
    'not ie all',
    'not dead'
  ]
}

// babel.config.json
{
  'presets': [
    [
      '@babel/preset-env', 
      {
        'useBuiltIns': 'usage',
        'corejs':'3.8',
      }
    ],
    [
      '@babel/preset-react',
      {
        'development': process.env.NODE_ENV === 'development'
      }
    ]
  ],
  'plugins':[
    '@babel/plugin-proposal-decorators'
    '@babel/plugin-transform-runtime',
  ]
}

Vue.js 2 + ECMA2021 + 尽可能多的支持浏览器

// package.json
{
  'browserslist':[
    '> 0.5%',
    'not ie all',
    'not dead'
  ]
}

// babel.config.json
{
  'presets': [
    [
      '@babel/preset-env', 
      {
        'useBuiltIns': 'usage',
        'corejs':'3.8',
      }
    ],
    '@vue/babel-preset-jsx'
  ],
  'plugins':[
    '@babel/plugin-proposal-decorators'
    '@babel/plugin-transform-runtime',
    '@babel/plugin-syntax-jsx',
  ]
}