Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
menu search
person
Welcome To Ask or Share your Answers For Others

Categories

When I list the presets, does the order matter?

In other words, are the following .babelrc files equivalent?

.babelrc #1

{
  "presets": ["es2015", "stage-2", "react"]
}

.babelrc #2

{
  "presets": ["react", "stage-2", "es2015"]
}
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
359 views
Welcome To Ask or Share your Answers For Others

1 Answer

From babeljs.io/docs/plugins: (as of 9/30/2016)

Plugin/Preset Ordering

Ordering matters for each visitor in the plugin. This means if two transforms both visit “Program”, the transforms will run in either plugin or preset order.

Plugins run before Presets.

Plugin ordering is first to last.

"plugins": [
  "transform-decorators-legacy", // will run first
  "transform-class-properties" // will run second
]

Preset ordering is reversed (last to first).

Yes this is confusing, see babel/notes #2.

I believe the reason why (for backwards compatability) is that most users had listed “es2015” first and “stage-0” second. And stage-0 would run before es2015.

"presets": [
  "es2015", // will run third
  "react", // will run second
  "stage-2" // will run first
]

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
...