java-script:babel
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revision | |||
java-script:babel [2023/08/03 02:56] – [Create .babelrc] odefta | java-script:babel [2023/08/03 03:09] (current) – odefta | ||
---|---|---|---|
Line 55: | Line 55: | ||
< | < | ||
npx babel-node ./ | npx babel-node ./ | ||
+ | </ | ||
+ | |||
+ | ===== View transpiled code ===== | ||
+ | |||
+ | If we want to examine the transpiled code, we'll need to install the babel command line: | ||
+ | |||
+ | < | ||
+ | npm install @babel/cli | ||
+ | </ | ||
+ | |||
+ | Output: | ||
+ | < | ||
+ | added 29 packages, and audited 278 packages in 5s | ||
+ | |||
+ | 61 packages are looking for funding | ||
+ | run `npm fund` for details | ||
+ | |||
+ | found 0 vulnerabilities | ||
+ | </ | ||
+ | |||
+ | Next, add a script entry in the package.json file: | ||
+ | |||
+ | <code javascript> | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Next, we can run: | ||
+ | < | ||
+ | npm run build | ||
+ | </ | ||
+ | |||
+ | Transpiled code are now in the dist folder: | ||
+ | < | ||
+ | |||
+ | > build | ||
+ | > babel src -d dist | ||
+ | |||
+ | Successfully compiled 2 files with Babel (423ms). | ||
</ | </ |
java-script/babel.1691020612.txt.gz · Last modified: 2023/08/03 02:56 by odefta