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