Babel7的两种配置方式

87 阅读1分钟

项目根目录新增babel.config.js配置文件。 如果使用.babelrc配置文件,将不支持编译node_modules

方式一

module.exports = {
  presets: ['@babel/preset-env'],
  plugins: [
    [
      "@babel/plugin-transform-runtime",
      {
        "corejs": 3
      }
    ],
  ],
};

涉及的包

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

方式二

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {     
          'useBuiltIns''usage',  
          'corejs'3
      }
    ]
  ],
  plugins: [
    [
      "@babel/plugin-transform-runtime",
    ],
  ],
};

涉及的包

npm install --save-dev @babel/core
npm install --save-dev @babel/preset-env
npm install --save @babel/polyfill
npm install --save core-js@3
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime

另外,目标环境的配置,官方推荐使用 .browserslistrc 文件来指定

0.25%  
not dead

.browserslistrc更多配置参考