babel用法

babel ES6 转 ES5

创建文件如下
在这里插入图片描述
初始化: npm innit -y 生成package.json文件
在这里插入图片描述
创建.babelrc文件并配置
在这里插入图片描述
安装命令行

  1. npm i -g babel-cli
  2. npm i -save-dev babel-preset-es2015 babel-cli
    在src下创建一个文件并引入到index.html里
    在这里插入图片描述
    在这里插入图片描述
    执行命令行生成ES5代码
    在这里插入图片描述
    在这里插入图片描述

babel-node

babel-cli工具自带的命令
1.运行babel-node可以进入REPL环境
在这里插入图片描述
2.还可以将文件放入进行运行
在这里插入图片描述
3.babel-node也可安装在项目上
在项目中安装babel
npm i --save-dev babel-cli
将package.json修改

{
   "scripts":{
   	"script-name": "babel-node script.js"	
   	}
}

这样script.js就不用进行代码转换了

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读