Nodejs学习笔记安装 babel

Bertha 。 2023-02-09 14:28 18阅读 0赞

# 安装 babel #

项目已经创建好。安装`babel`相关包

$ npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
    $ npm install --save @babel/polyfill

配置`babel.config.js`

const presets =[
    	["@babel/env", { 
    		targets: { 
    			ie: "8",
    			edge: "17",
    			firefox: "60",
    			chrome: "67",
    			safari: "11.1"
    		}	
    	}]
    ];
    module.exports = {  presets };

创建测试文件`.\src\index.js`

let str = 'hehe';
    
    let a = [1,2,3], b = [4,5,6];
    let arr = [...a, ...b];
    
    let foo = i=> 1+2;

# babel 执行转换 #

## 单文件 ##

执行：

$ npx babel .\src\index.js -o .\dist\demo.js

添加`-w`实时监控，自动转换

$ npx babel .\src\index.js -w -o .\dist\demo.js

查看生成的目标 `demo.js`  
`es6`语法转成`es5`了

"use strict";
    
    var str = 'hehe';
    
    var a = [1, 2, 3],
        b = [4, 5, 6];
    var arr = [].concat(a, b);
    
    var foo = function foo(i) { 
      return 1 + 2;
    };

## 文件夹 ##

babel src -d dist

实时监控，自动转换

npx babel src -w -d dist

# 参考资料 #

[https://babeljs.io][https_babeljs.io]  
[Using Babel =》Language APIs =》Node][Using Babel _Language APIs _Node]

[https_babeljs.io]: https://babeljs.io/repl#?browsers=defaults,%20not%20ie%2011,%20not%20ie_mob%2011&build=&builtIns=false&spec=false&loose=false&code_lz=DYUwLgBAzmBOEF4IHIAWJ3INwChSQENZYBGAGgiNgCZcrzLjqJEIBtc6sgZgF0K2AFjIBWMgDZeWCDjzgIAMwD2S1gEsEAPggkA1LSA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=env,es2015,react,stage-2,env&prettier=false&targets=&version=7.9.6&externalPlugins=
[Using Babel _Language APIs _Node]: https://babeljs.io/setup#installation

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 nodejs学习笔记

nodejs学习笔记 var os = require(‘os’) // 引入操作系统模块 var result = os.platform(); //查看操作系统平台

缺乏、安全感/ 2024年02月17日 18:37/ 0 赞/ 49 阅读

相关 Nodejs学习笔记

一、安装（略过，下一步） [https://www.jianshu.com/p/13f45e24b1de][https_www.jianshu.com_p_13f45e24b

待我称王封你为后i/ 2023年07月06日 13:24/ 0 赞/ 36 阅读

相关 Nodejs学习笔记安装 babel

安装 babel 项目已经创建好。安装`babel`相关包 $ npm install --save-dev @babel/core @babel/cli @b

Bertha 。/ 2023年02月09日 14:28/ 0 赞/ 19 阅读

相关 NodeJs学习笔记 - webpack安装

NodeJs学习笔记 - webpack安装初始化 Nodejs 项目 1. 初始化 nodejs 项目 2. 安装 jquery 包

﹏ヽ暗。殇╰゛Y/ 2023年02月09日 13:12/ 0 赞/ 68 阅读

相关 Nodejs 学习笔记下载安装

Nodejs 学习笔记下载安装下载地址 Win msi安装文件查看基本配置：\`npm config list\`

曾经终败给现在/ 2023年01月06日 11:44/ 0 赞/ 172 阅读

相关 nodejs学习笔记

1：nodejs 中等效的window.atob 与 window.btoa window.btoa函数等效:Buffer.from('Hello World!').toSt

秒速五厘米/ 2022年10月01日 12:49/ 0 赞/ 400 阅读

相关 Babel 学习

Babel是一个工具集，主要用于将ES6版本的JavaScript代码转为ES5等向后兼容的JS代码，从而可以运行在低版本浏览器或其它环境中。 [https://www.ji

比眉伴天荒/ 2022年09月03日 01:27/ 0 赞/ 237 阅读

相关 nodejs学习笔记（一）——nodejs的安装和启动第一个httpserver

对于一个前台开发而言，没有使用过nodejs简直是一种耻辱，不过什么时候开始都不算晚，故以下是笔者在洗刷耻辱过程中的一点经验，供大家分享。入门是在[runoob]

港控/mmm°/ 2022年07月18日 01:17/ 0 赞/ 257 阅读

相关 nodejs个人学习笔记

这只是个人学习的笔记 1.更新npm包： npm install npm -g 安装node模块语法: npm install moduleName

柔情只为你懂/ 2022年06月13日 07:18/ 0 赞/ 373 阅读

相关 Nodejs学习笔记

安装:http://www.runoob.com/nodejs/nodejs-install-setup.html 介绍: Node.js是一个Javascript运行

深藏阁楼爱情的钟/ 2022年04月22日 12:16/ 0 赞/ 289 阅读