前端工程化---1.babel定义与初次配置

babel:

1. 是一个第三方插件
2. 是一个语法转换工具
3. 将高级/有兼容性的script代码转化为低级/没有兼容性的JS代码

配置babel

1. 安装

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

#注释：–save-dev 安装项目部署后不需要的依赖
-save 安装项目部署后运行时仍然需要的依赖

2. 安装babel插件

npm install --save @babel/polyfill

3. 在项目根目录创建文件babel.config.js

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

4. 项目根目录创建index.js

console.log('ok')

5.输入命令

npx babel-node .\index.js

结果