Babel配置presets和plugins的区别

前言:

Babel插件一般尽可能拆成小的力度,开发者可以按需引进。比如对 ES6 转 ES5 的功能,Babel 官方拆成了20+个插件。这样的好处显而易见,既提高了性能,也提高了扩展性。(plugins)
但是!如果当前项目需要用到 ES6 转 ES5 的大部分功能,那么更适合直接引用插件的集合。(presets)

场景

如:es2015可拆分成transform-es2015-arrow-functions、transform-es2015-template-literals等插件

  • presets plugins插件的集合,如['es2015’]
    数组,表示插件集合
  • plugins 按需引进,拆成细小粒度的插件,如['transform-es2015-arrow-functions'、'transform-es2015-template-literals']
    数组,表示插件。
  • babel.config.js 执行顺序
  1. 先执行plugins,再执行presets
  2. plugins从左到右,presets从右到左
    执行顺序:ABCDE
module.exports = {
  presets: [E,D],
  plugins: [A,B,C]
}
总结

如果只需要引用插件的部分功能,则通过plugins引入对应插件;若想要引入一个插件集合的绝大部分功能,建议直接使用presets引入该插件集合

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 11,283评论 0 4
  • 公元:2019年11月28日19时42分农历:二零一九年 十一月 初三日 戌时干支:己亥乙亥己巳甲戌当月节气:立冬...
    石放阅读 11,810评论 0 2
  • 昨天考过了阿里规范,心里舒坦了好多,敲代码也犹如神助。早早完成工作回家喽
    常亚星阅读 8,130评论 0 1
  • 三军可夺气,将军可夺心。是故朝气锐,昼气惰,暮气归。善用兵者,避其锐气,击其惰归,此治气者也。以治待乱,以静待哗,...
    生姜牛奶泡腾片阅读 5,501评论 0 1
  • 追星逐渐从心理上的偏好转向致力于打榜花钱的形式主义,明星信息的公开化与非法售卖也导致私生饭等盲目甚至变性的行...
    黑彧阅读 5,556评论 0 3