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"]
}