vue-cli中的babel配置文件.babelrc详解

本文介绍vue-cli脚手架工具根目录的babelrc配置文件

介绍

es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码
babel有提供专门的命令行工具方便转码，可以自行去了解

vue-cli脚手架的.babelrc文件

{// 此项指明，转码的规则"presets": [// env项是借助插件babel-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"]}}
}

转载于:https://www.cnblogs.com/ye-hcj/p/7071850.html

vue-cli中的babel配置文件.babelrc详解相关推荐

html中babel编译vue,vue-cli中的babel配置文件.babelrc实例详解
本文介绍vue-cli脚手架工具根目录的babelrc配置文件介绍 es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码 ba ...
一、在vue项目中使用mock.js（详解）
步骤1.搭建测试项目步骤1.1创建项目命令: vue create mock-demo 步骤1.2安装依赖命令: #使用axios发送ajax cnpm install axios--save ...
怎么把HTML网页重构为VUE,基于vue cli重构多页面脚手架过程详解
官方提供的项目生成工具vue-cli没有对多页面webApp的支持,但是在实际的项目中,我们需要这样的脚手架,参考了很多大牛的方法,这里提供了一种我的单页面脚手架转换为多页面脚手架的方案,供大家参考. ...
vue在created调用点击方法_vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...
Leaflet笔记-把leaflet-tilelayer-wmts移植到vue cli中（含思路）
目录前言过程前言关于leaflet的webpackage使用npm安装官方是有明显的解析但是关于插件特别是TileLayer.WMTS是不提供的,但提供了源码,可以稍微修改下,就能在vue ...
前端笔记-vue cli中axios批量发送get和post请求及注意事项
目录基本概念关键代码基本概念这里安装好axios后,还要安装qs npm install --save qs 在vue cli中在created里面调用方法,他会在页面加载完成后自动调用! 批 ...
vue怎么实现右键二级菜单_vue中如何自定义右键菜单详解
在所编辑的页面,需要添加右键菜单的元素,绑定contextmenu事件,如下: v-for="item in resourceList" :key="item.id&qu ...
在 vue/cli 中使用 Module Federation
webpack5 的新特性,分模块共同开发.多个独立的构建可以组成一个应用程序,这些独立的构建之间不应该存在依赖关系,因此可以单独开发和部署它们.这通常被称作微前端,但并不仅限于此. 我们分为本地模块 ...
SpringBoot配置文件中spring.profiles.active配置详解
SpringBoot配置文件中spring.profiles.active配置详解 1.多环境配置我们在开发Spring Boot应用时,通常同一套程序会被应用和安装到几个不同的环境,比如:开发.测 ...
scss 是什么？在 Vue.cli 中的安装使用步骤是？有哪几大特性？（gxcw）
首先什么是scss呢? scss是一种css预处理语言,是一个css的扩展,它在css语法的基础上,允许使用变量,嵌套规则,混合,导入,继承等功能,使得css更加强大和优雅,而且其完全兼容css3. ...

vue-cli中的babel配置文件.babelrc详解

本文介绍vue-cli脚手架工具根目录的babelrc配置文件

vue-cli中的babel配置文件.babelrc详解相关推荐

最新文章

热门文章