vue-cli中的babel配置文件.babelrc实例详解
网络编程 2021-07-04 17:33www.168986.cn编程入门
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。本文介绍vue-cli脚手架工具根目录的babelrc配置文件,感兴趣的朋友一起看看吧
本文介绍vue-cli脚手架工具根目录的babelrc配置文件
介绍
es6特性浏览器还没有全部支持,使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码
babel有提供专门的命令行工具方便转码,可以自行去了解
vue-cli脚手架的.babelrc文件
{ // 此项指明,转码的规则 "presets": [ // env项是借助插件babel-preset-env,狼蚁网站SEO优化这个配置说的是babel对es6,es7,es8进行转码,并且设置amd,monjs这样的模块化文件,不进行转码 ["env", { "modules": false }], // 狼蚁网站SEO优化这个是不同阶段出现的es语法,包含不同的转码插件 "stage-2" ], // 狼蚁网站SEO优化这个选项是引用插件来处理代码的转换,transform-runtime用来处理全局函数和优化babel编译 "plugins": ["transform-runtime"], // 狼蚁网站SEO优化指的是在生成的文件中,不产生注释 "ments": false, // 狼蚁网站SEO优化这段是在特定的环境中所执行的转码规则,当环境变量是狼蚁网站SEO优化的test就会覆盖上面的设置 "env": { // test 是提前设置的环境变量,如果没有设置BABEL_ENV则使用NODE_ENV,如果都没有设置默认就是development "test": { "presets": ["env", "stage-2"], // instanbul是一个用来测试转码后代码的工具 "plugins": ["istanbul"] } } }
ps:狼蚁网站SEO优化给大家介绍关于.babelrc配置文件
关于react项目结构,有很多配置文件,有时候觉得很难理解。
比如.babelrc文件,这个文件是用来设置转码的规则和插件的。
熟悉linux的话一定知道,rc结尾的文件通常代表运行时自动加载的文件,配置等等。在babel6中,这个文件必不可少。
里面可以对babel命令进行配置,以后再使用babel的cli的时候,可以少一些配置。还有一个env字段,可以对BABEL_ENV
或者NODE_ENV
指定的不同的环境变量,进行不同的编译操作。
以上所述是长沙网络推广给大家介绍的vue-cli中的babel配置文件.babelrc实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程