-
Notifications
You must be signed in to change notification settings - Fork 0
/
.babelrc
34 lines (26 loc) · 1.02 KB
/
.babelrc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": [
[
"@babel/plugin-proposal-class-properties",
{
"loose": true
}
],
"@babel/plugin-transform-object-rest-spread",
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
]
]
}
// -------------------------------- Note
// @babel/preset-env: Transforms modern JavaScript features into backwards-compatible code.
// @babel/preset-react: Transforms JSX syntax into plain-vanilla JavaScript function calls.
// Babel is a JavaScript compiler with many plugins for code transformation. In this section, we will introduce it as a loader into our Webpack configuration
// and configure it for transforming modern JavaScript code into such that is understood by common browsers.
// First, we will need to install babel-loader and @babel/core:
// npm install -D @babel/core babel-loader
// making babel-loader responsible for loading JavaScript files: in webpack