Babel7的安装和配置方法

这篇文章主要讲解了“Babel7的安装和配置方法”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Babel7的安装和配置方法”吧！

专业领域包括成都网站设计、做网站、成都外贸网站建设公司、成都做商城网站、微信营销、系统平台开发， 与其他网站设计及系统开发公司不同，创新互联的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，为客户提供全网互联网整合方案。

Babel是一个JavaScript编译器。

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

之前的版本中，babel前边没有@符号。

上述命令是安装的当前开发的工作空间，如需全局安装，请把参数换成-g。

在工程的目录下边新建babel.config.js文件，当然新建6版本所使用的.babelrc文件也是能够进行使用的。

babel.config.js文件内容示例，targets是目标的浏览器版本，这个可以实际使用中进行修改。

const presets = [  [  

 "@babel/env",  

  {    

 targets: {       

  edge: "17", 

 firefox: "60", 

 chrome: "67", 

 safari: "11.1", 

},      

useBuiltIns: "usage",   

 },  ], ];

module.exports = { presets };

./node_modules/.bin/babel src --out-dir lib

./node_modules/.bin/babel  sample.js -o buildenv.js

t would be @babel/preset-env.

感谢各位的阅读，以上就是“Babel7的安装和配置方法”的内容了，经过本文的学习后，相信大家对Babel7的安装和配置方法这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！