.babelrc文件字段使用方法

526 阅读1分钟

presets 字段

目前用到 presets: [

      'env',

      'react' // react 转码规则

    ];

只有 env 时,作用和 latest 相同,包括 es5、es6、es7,但是 env 主要的作用是,可以设置 targets 来智能识别当前运行环境,进行适当的转码,而不是一股脑的全部转码成 es5 等。

具体用法: presets: [

      ['env', {

        'targets': {

          'browsers': ['chrome', 'safari' .....],

          'node': true / 'current',

          ......

        }

      }]

     ]

plugins 字段

目前用到的 plugins: [

      'dynamic-import-webpack', // 将 webpack 中的 import 转为 require.ensure
      'transform-object-rest-spread', // es6 语法中的解构赋值,如 rest,let {x, y, ...z} = {x: 1, y: 2, c: 3, d: 4}
                                        x // {x: 1}
                                        y // {y: 2}
                                        z // {c: 3, d: 4}
                                    spread: let w = {x, y, ...z}
                                        w // {x: 1, y: 2, c: 3, d: 4}
      ['import', { 'libraryName': 'antd-mobile', 'style': 'css' }] // 引入 antd-mobile 和 css

     ]