vue babel

vue中如何安装babel?一起了解一下吧!

Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。vue项目中普遍使用es6语法,但有时我们的项目需要兼容低版本浏览器,这时就需要引入babel插件,将es6转成es5。

安装babel的具体步骤如下:

1.先安装node.js

2.安装依赖包

npm install --save-dev @babel/core @babel/cli

如果说提示babel不是命令,可以全局安装npm install --global @babel/core @babel/cli

3.运行babel src -d lib

或者在package.json中配置scripts属性,添加一个属性build:“babel src -d lib”,运行npm run build

4.想要语法进行转换,得指定从哪种语法转哪种语法,所以需要安装语法转换器插件

npm install --save-dev @babel/preset-env

5.配置babel

创建一个.babelrc的文件,写入

{"presets":["@babel/preset-env"]}

标签:babel VUE

免责声明:本内容来自橡树街平台创作者或收集于互联网公开资源,不代表橡树街网的观点和立场。如有侵权内容,请联系我们删除。联系邮箱:ihuangque@qq.com
相关推荐
vue路由跳转的三种方式
2022-08-05
vue路由跳转的三种方式
vue怎么添加自己喜欢的音乐
2022-08-05
vue怎么添加自己喜欢的音乐
vue main.js
2022-08-05
vue main.js
vue.set()用法
2022-08-05
vue.set()用法
vue获取路由参数
2022-08-05
vue获取路由参数
vue在哪里可以添加音乐
2022-08-05
vue在哪里可以添加音乐
vue父组件向子组件传递数据
2022-08-05
vue父组件向子组件传递数据
vue route
2022-08-05
vue route
vue兄弟组件之间传值
2022-08-05
vue兄弟组件之间传值
vue保留两位小数
2022-08-05
vue保留两位小数
手机老是弹出广告怎么解决
2022-08-05
手机老是弹出广告怎么解决
小爱同学怎么判断我喜欢的人喜不喜欢我
2022-08-05
小爱同学怎么判断我喜欢的人喜不喜欢我
安卓手机如何打开.kmz文件
2022-08-05
安卓手机如何打开.kmz文件
苹果手机文件管理在哪里
2022-08-05
苹果手机文件管理在哪里
安卓手机如何打开.sav文件
2022-08-05
安卓手机如何打开.sav文件
普通毛衣可以低温烘干吗
2022-07-28
普通毛衣可以低温烘干吗
非语言沟通的方式有哪些
2022-07-28
非语言沟通的方式有哪些
北方不供暖室内能有多少度
2022-07-28
北方不供暖室内能有多少度
德国mbr都哪里有专柜
2022-07-28
德国mbr都哪里有专柜
大运会的相关知识
2022-07-28
大运会的相关知识
什么是修面皮
2022-07-28
什么是修面皮
南温带气候特点
2022-07-28
南温带气候特点
为什么公蟹母蟹都有黄
2022-07-28
为什么公蟹母蟹都有黄
土豆放冰箱一个月还能吃吗
2022-07-28
土豆放冰箱一个月还能吃吗
新鲜野生蘑菇怎么保存方法
2022-07-28
新鲜野生蘑菇怎么保存方法