babel7中 preset-env 完全使用

const presets = [

  ['@babel/env', {

    // chrome, opera, edge, firefox, safari, ie, ios, android, node, electron

    // targets 和 browerslist 合并取最低版本

    targets: {

      ie: 8,

      // 是否使用 esmodules

      esmodules: true,

    },

    // 启用更符合规范的转换，但速度会更慢，默认为 `false`，从目前来看，是更严格的转化，包括一些代码检查。

    spec: false,

    // 有两种模式：normal, loose。其中 normal 更接近 es6 loose 更接近 es5

    loose: false,

    // "amd" | "umd" | "systemjs" | "commonjs" | "cjs" | false, defaults to "commonjs"

    modules: false,

    // 打印插件使用情况

    debug: true,

    // 按需增加移除一些功能

    // include: [],

    // exclude: [],

    // 增加 polyfills

    // 按需使用

    // useBuiltIns: 'usage',

    // 引用一次

    // useBuiltIns: 'entry',

    // 不引用，独自使用

    // useBuiltIns: false,

    // 强制使用所有的插件

    // forceAllTransforms: false,

    // 配置 browerslist 的位置

    // configPath: ,

    // 配置是否忽略 browerslist 文件

    // ignoreBrowserslistConfig: false,

    // 是否跳过 proposal 的文件

    // shippedProposals: false,

  }]

];

const plugins = [

  [

    // 重用把 babel 注入的帮助代码， 依赖 @babel/runtime

    "@babel/plugin-transform-runtime",

    {

      // false || 2, 变成全局或者局部

      "corejs": false,

      // 生成器运行时的使用，变成全局或者局部

      "regenerator": true,

      // 帮助函数是变成 inline, 还是  lib

      "helpers": true,

      // helpers 切换成 esm

      "useESModules": true

    }

  ]

];

module.exports = { presets, plugins };
详细的代码在： github
巴特西

babel7中 preset-env 完全使用

babel7中 preset-env 完全使用

最新文章

热门文章
