本文探讨了Babel作为一个JavaScript编译器的作用，它用于扩展或降级功能以兼容不同浏览器。核心依赖包括@babel/core、@babel/preset-env和@babel/cli。常用插件涉及transform-runtime、transform-typescript和组件按需加载。配置文件推荐使用babel.config.json，以避免编译执行。.babelrc.json适合局部配置。
参考资料：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 作为配置文件，旧版本
最低0.47元/天 解锁文章
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
