Babel7的简单使用

初始化

新建一个空文件夹，空文件夹下cmd npm init -y初始化一个新项目

安装Babel依赖

@babel/cli
用于在命令行编译文件官方文档地址
@babel/core
Babel的核心，各种转换的方法都写在这里官方文档地址
@babel/preset-env
智能的编译js，只需要指定你要支持的浏览器范围，就可以智能的编译。官方文档地址

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

添加配置文件

.babelrc

{"presets": ["@babel/preset-env"]
}

.browserslistrc 用于指定编译后的js支持的浏览器范围

"> 1%"

package.json的scripts中添加

"babel": "babel src --out-dir dist --watch"

添加测试文件

新建一个src文件夹，在文件夹中添加test.js,写一点es7的代码

function box(){new Promise((resolve,reject)=>{setTimeout(()=>{return resolve(135300)})})
}async function test(){let a = await box()
}
console.log(test())

文件目录

运行

npm run babel

查看dist/test.js文件可以看到编译后的js

Babel7的简单使用相关推荐

babel6和babel7中关于polyfill和preset-env和babel-plugin-transform-runtime等总结
记录自己零散的收获,随笔. 一些基础 babel的作用是转换JS新的特性代码为大部分浏览器能运行的代码. babel转码又分为两部分,一个是语法转换,一个是API转换. 对于API的转换又分为两部分, ...
Webpack4+Babel7+ES6兼容IE8
前阵子重构了一个挺有意思的项目,是一个基于浏览器环境的数据采集sdk.公司各个产品的前端页面中都嵌入了这个sdk,用于采集用户的行为数据,上传到公司的大数据平台,为后续的运营决策分析提供数据支撑. 笔 ...
vue2 简单使用vant (基于vue-cli)
1.vant 的安装 npm安装在现有项目中使用vant时,可以通过npm或yarn进行安装.vue2和vue3安装方法基本相同 npm i vant -S # 安装最新版npm i vant@la ...
在docker上安装部署tomcat项目超简单，拿来主义
在docker中部署tomcat,非常简单,而且省去了手动安装jdk等步骤,只需要将war包复制在容器tomcat实例中的webapps下面即可.以下将详细讲解流程: 在windows中打好包以后用w ...
Linux下tomcat的安装与卸载以及配置（超简单）
无敌简单的几步 1.安装 //首先你需要下载好tomcat包 sudo tar -xvzf apache-tomcat-7.0.85.tar.gz(这里是包名) -C 你要放的位置 2.卸载 rm - ...
Docker安装Apache与运行简单的web服务——httpd helloworld
Docker运行简单的web服务--httpd helloworld目录[阅读时间:约5分钟] 一.Docker简介二.Docker的安装与配置[CentOS环境] 三.Docker运行简单的web ...
Docker的安装、镜像源更换与简单应用
Docker的安装.镜像源更换与简单应用[阅读时间:约20分钟] 一.概述二.系统环境&项目介绍 1.系统环境 2.项目的任务要求三.Docker的安装四.Docker的简单应用 1. ...
基于Golang的简单web服务程序开发——CloudGo
基于Golang的简单web服务程序开发--CloudGo[阅读时间:约10分钟] 一.概述二.系统环境&项目介绍 1.系统环境 2.项目的任务要求 (1)基本要求 (2)扩展要求三.具体 ...
简单图文配置golang+vscode【win10/centos7+golang helloworld+解决install failed等情况】
博客目录(阅读时间:10分钟) 一.win10 0.系统环境 1. win10配置golang环境 ①下载相关软件 ②创建gowork工作空间 ③配置环境变量(GOPATH+PATH) ④验证环境配置 ...

Babel7的简单使用

初始化

安装Babel依赖

添加配置文件

添加测试文件

文件目录

运行

Babel7的简单使用相关推荐

最新文章

热门文章