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

babel

时间:2023-04-03 12:51:32 Node.js

1的使用总结。命令行使用BabelBabel官方推荐在本地安装Babel,因为不同版本的Babel,不同的转码规则会有不同的效果,全局安装会带来不必要的麻烦。在命令提示符下进入你自己的项目目录:npminstall--save-devbabel-cli如果你之前因为某些原因进行了全局安装,你可以使用以下代码全局卸载Babel。不用担心,这不会影响项目路径下的本地安装。npmuninstall--globalbabel-cli只用一个babel-cli是不行的,我们还需要给Babel安装语法插件。官方提供了几套预设的插件合集,适用于ES2015、React、ES7的一些实验特性。如果你只是想学习ES6的语法,选择ES2015。npminstall--save-devbabel-preset-es2015npminstall--save-devbabel-preset-react在项目的根目录中创建一个.babelrc文件。请注意,这是一个以点开头且没有后缀的配置文件。Windows系统不允许直接创建这种格式的文件,需要使用代码编辑器来创建新文件。创建完成后,写入如下内容启用预设:{//需要的包"presets":["es2015",'react'],//需要的插件"plugins":[]}至此,我们已经完成安装babel-cli并可以开始使用它了。2.Mac和Linux的胜利对于Mac和Linux用户,只要打开Terminal,切换到工程文件所在的位置,就可以开始使用了。下面的命令会将转码结果输出到Terminal的标准输出:babeles6.js当然更多的时候我们想把结果放到一个文件中:babeles6.js-oes6-babeled.jsandmoreAwesome,Babel支持实时转码。执行以下命令后,对ES6代码的任何修改都会在保存后自动转码,无需人工干预。(完成后按Ctrl+C/Command+C结束)babeles6.js--watch-oes6-babeled.jsBabel也可以批量处理整个路径下的JS文件。下面的代码将src目录下的文件批量转码并放到lib目录下:babelsrc-dlib也可以从Terminal的标准输入中读取文件进行转码:babel-oes6-babeled.js