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

1、presets 字段

目前用到 presets: [

　　　　　　'env',  

 

　　　　　　'react'   // react 轉碼規則

　　　　]；

只有 env 時，做用和 latest 相同，包括 es五、es六、es7，可是 env 主要的做用是，能夠設置 targets 來智能識別當前運行環境，進行適當的轉碼，而不是一股腦的所有轉碼成 es5 等。

具體用法： presets: [

　　　　　　['env', {

　　　　　　　　'targets': {

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

　　　　　　　　　　'node': true / 'current',

　　　　　　　　　　......

　　　　　　　　}

　　　　　　}]

　　　　　]

 

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

 

　　　　　]