babelrc 中的 presets 字段（env， react）和 plugins 字段（dynamic-import-webpack, transform-object-rest-spread, ...）

一、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

 

　　　　　]