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
 

     ]


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM