-
Transpilation With BabelStudy/JavaScript 2020. 5. 8. 21:40
Transpilation With Babel
In the last exercise, you manually converted ES6 code to ES5. Although manual conversion only took you a few minutes, it is unsustainable as the size of the JavaScript file increases.
Because ES6 is predictably backwards compatible, a collection of JavaScript programmers developed a JavaScript library called Babel that transpiles ES6 JavaScript to ES5.
Transpilation is the process of converting one programming language to another.
In the remaining exercises of this lesson, you will learn how to use Babel to transpile the new, easy-to-write version of JavaScript (ES6) to the old, browser-compatible version of JavaScript (ES5).
In the instructions below, you will pass JavaScript ES6 code to Babel, which will transpile it to ES5 and write it to a file in the lib directory.
1.
In the terminal window type:
npm install babel-cli
This installs one of the two required Babel packages.
2.
In the terminal window type:
npm install babel-preset-env
npm install babel-preset-env
This installs the second of two required Babel packages.
3.
In the terminal, type npm run build
type npm run build
and press enter.
You can view the ES5 code in ./lib/main.js.
You may need to refresh to see the newly created lib directory.
'Study > JavaScript' 카테고리의 다른 글
Hello Modules (0) 2020.05.14 npm init (0) 2020.05.08 Static Methods (0) 2020.05.08 Inheritance IV (0) 2020.05.08 Inheritance III (0) 2020.05.08