Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。本文介绍vue-cli脚手架工具根目录的babelrc配置文件，感兴趣的朋友一起看看吧
本文介绍vue-cli脚手架工具根目录的babelrc配置文件
介绍
es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码
babel有提供专门的命令行工具方便转码，可以自行去了解
vue-cli脚手架的.babelrc文件
{ // 此项指明，转码的规则 "presets": [ // env项是借助插件babel<a>本文来源gao*daima.com搞@代#码&网6</a>-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码 ["env", { "modules": false }], // 下面这个是不同阶段出现的es语法，包含不同的转码插件 "stage-2" ], // 下面这个选项是引用插件来处理代码的转换，transform-runtime用来处理全局函数和优化babel编译 "plugins": ["transform-runtime"], // 下面指的是在生成的文件中，不产生注释 "comments": false, // 下面这段是在特定的环境中所执行的转码规则，当环境变量是下面的test就会覆盖上面的设置 "env": { // test 是提前设置的环境变量，如果没有设置BABEL_ENV则使用NODE_ENV，如果都没有设置默认就是development "test": { "presets": ["env", "stage-2"], // instanbul是一个用来测试转码后代码的工具 "plugins": ["istanbul"] } } }
ps:下面给大家介绍关于.babelrc配置文件
关于react项目结构，有很多配置文件，有时候觉得很难理解。
比如.babelrc文件，这个文件是用来设置转码的规则和插件的。
熟悉linux的话一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等。在babel6中，这个文件必不可少。
里面可以对babel命令进行配置，以后再使用babel的cli的时候，可以少一些配置。还有一个env字段，可以对BABEL_ENV或者NODE_ENV指定的不同的环境变量，进行不同的编译操作。
总结
以上所述是小编给大家介绍的vue-cli中的babel配置文件.babelrc实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对gaodaima搞代码网网站的支持！
以上就是vue-cli中的babel配置文件.babelrc实例详解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue-cli中的babel配置文件.babelrc实例详解
转载请注明原文链接：vue-cli中的babel配置文件.babelrc实例详解
