参考资料:babel中文网
首先,我们需要明白,Babel 是一个 JavaScript 编译器,是对现有功能的扩展或降级实现,来达到兼容低版本浏览器的目的
所需的依赖包
- @babel/core // 核心包,必须。
- @babel/preset-env // 预处理,根据配置的浏览器环境进行预处理
- @babel/cli // 命令行,安装后可以通过命令执行babel,并生成编译后的文件,输出到指定目录查看
#运行此命令将 src 目录下的所有代码编译到 lib 目录
./node_modules/.bin/babel src --out-dir lib
#或者利用npx
npx babel src --out-dir lib
常用的插件
- @babel/plugin-transform-runtime
- @babel/plugin-transform-typescript
- babel-plugin-component // element-ui 组件按需加载
配置文件
v7.8.0及之后的版本,推荐用babel.config.json 作为配置文件,旧版本