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