当前位置: 首页 > 后端技术 > Node.js

babel的作用和使用

时间:2023-04-03 13:02:30 Node.js

babelbabel的作用是一个node命令行工具,它的作用是对我们的源代码进行转码(putes6=>es5)babel的使用步骤:安装相关包:@babel/的核心babel的核心功能@babel/cli提供了babel命令行的能力-Dinstalltr??anscodingconfigurationscriptbabeltargetfile/folderinpackage.json-oor-d(o用于转码文件,d用于转码code文件夹)编译后的文件/文件夹babel官网(https://www.babeljs.cn/)查看各个模块对应的插件配置plugins:针对不同es6语法提供的插件(1.如何使用命令line2.配置文件的使用方法)-D示例:package.json中的脚本标签配置(es6源码在transfer文件夹中):babel./src-d./build--plugins@babel/plugin-transform-block-scoping命令行脚本配置文件package.json.babelrcfile{}presetspresets:@babel/preset-env包含插件,.babelrc文件配置-D使用@babel/polyfill解决部分es6语法添加转义对于方法(不是新的语法问题)。直接require()import-SAdvanced@babel/runtimepackage使用@babel/runtime这个包用来解决转码时产生的helperfunctions(辅助函数)的引用混淆问题。-S与@babel/plugin-transform-runtime插件一起使用@babel/plugin-transform-runtime这个包可以保证我们可以正常导入@babel/runtime包。-D.babelrc文件中的插件配置