前端在使用Vue的时候出现了ES6语法调用出错的问题
很多浏览器不支持ES6语法,所以需要通过babel转码器将ES6语法转换成ES5进行运行
Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:
npm install -g babel-cli
#查看是否安装成功
babel --version
初始化项目
npm init -y
配置.babelrc
Babel的配置文件是.babelrc,存放在项目的根目录下,该文件用来设置转码规则和插件,presets字段设定转码规则
{
"presets": ["es2015"],
"plugins": []
}
安装转码器
npm install -D babel-preset-es2015
转码
# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
babel src -d dist
在这一步可能会出现如下错误,也是我遇到的
更改执行政策即可
在Windows Vista和更高版本的Windows中,要运行更改本地计算机LocalMachine范围的执行策略的命令
,请使用“以管理员身份运行”选项启动PowerShell 。
使用如下命令
set-ExecutionPolicy RemoteSigned
get-ExecutionPolicy
查看一下当前策略
ok,解决完成!