webpack基础(四)——babel

一、babel介绍
在开发中我们经常使用ES6+，typescript等语法，但是在打包后，这些代码浏览器不能识别，所以此时我们使用babel来解决该问题。
babel定义：babel是一个工具链主要用于将ES6+语法兼容老版本的浏览器。
二、babel简单使用
babel是一个独立的工具，可以不在webpack中使用。
@babel/core：babel核心代码必须安装
@babel/cli:在命令行执行babel代码
npm install @babel/core @babel/cli -D

//需要转换的代码
['张三', '李四', '王五', '赵六'].forEach(item => console.log(item))
const username = "lizi"
const age = 20
console.log(username)
console.log(age)
//执行的命令
npx babel index.js --out-dir dist
//运行后的结果
['张三', '李四', '王五', '赵六'].forEach(item => console.log(item))
const username = "lizi"
const age = 20
console