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