在windows 上 Babel的安装

1、首先创建一个es6的文件,在该目录下运行cmd

2.npm init --y  在项目的目录中生成package.json文件,可以在目录下看到【--y是生成默认值的package.json 】

3、npm install -g babel-cli  安装babel-cli用于命令行转码

4、npm install --save-dev babel-preset-es2015 或者 npm install --save-dev babel-preset-latest  [安装ECMAScript6/2015,安装转码规则]

安装成功,会发现 package.json 中添加了:

5、type nul>.babelrc 【在跟目录下生成文件.babelrc】

6.在 .babelrc 文档中写入:

{
  "presets":["es2015"],//或者 "presets":["latest"]
  "plugins":[]
}

其中presets是规则,plugins是插件支持。

7,在项目目录下创建:src文件夹和lib文件夹

8、在package.json 中添加 "build":"babel src -d lib"  【将src里边的es6文件转换成es5文件并保存在lib文件夹】

9、在src文件下创建一个 main.js ,然后运行 npm run build 会发现lib文件下产生了main.js  文档

 

 

以上就是整个过程,其中参考了:https://blog.csdn.net/qq_36205856/article/details/81175400

https://www.jianshu.com/p/e46a4b4cbe65

https://www.jianshu.com/p/b9bd2ec9ec80

这三篇文档

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值