babel编译

package.json文件初始化

npm init -y

此命令执行完毕后就会在当前目录下生成一个package.json文件
该文件描述了项目的包依赖关系

下载依赖包

npm i @babel/core @babel/cli @babel/preset-env

• core babel 核心模块
• cli 与命令终端解析相关
• preset-env 定义ES6->ES5的转化规则

修改package.json文件

"scripts": {
   "test": "echo \"Error: no test specified\" && exit 1",
   "build":"build src -d dest"
 },

其中 "build":"build src -d dest"是新加的命令
src是待转化的代码所在的目录
dest是转化后的目标目录

添加 .babelrc文件

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

在package.json同级目录下新建 .babelrc文件
此文件用来告诉babel，ES6->ES5的转换规则

执行

npm run build

这个build就是我们刚才在package.json文件中添加的命令
执行完毕后会生成新的文件至dest目标目录