babel安装

最新推荐文章于 2024-04-21 17:13:31 发布

程序员沉浮

最新推荐文章于 2024-04-21 17:13:31 发布

阅读量6.3k

点赞数

分类专栏： node

本文链接：https://blog.csdn.net/u012546027/article/details/51714299

版权

2 篇文章 0 订阅

订阅专栏

安装babel的时候遇到了些问题记录如下：

使用npm install -g babel安装后输入babel --version 有以下提示：

卸载后使用npm install babel-cli -g安装成功

npm install babel-cli -g

npm install babel-core --save-dev

对于Babel来说，现在有了两个版本，一个是5，一个是6，那么两者有什么区别呢？

5对新手更加友好，因为只需要安装一个babel就可以了，而6需要安装比较多的东西和插件才可以。
相比5来说，6将命令行工具和API分开来了，最直观的感觉就是，当你想在代码中运行es6代码的话，需要安装babel-core，而如果你想在终端编译es6或者是运行es6版本的REPL的话，需要安装babel-cli
也许有人问，原先的babel去哪了？是这样的，这个babel的package到了6版本之后虽然还是能安装，但是已经不具有任何的有效的代码了。取而代之的是一段提示文字，提示你需要安装babel-core或者babel-cli。所以你在babel6的情况下，完全不需要安装babel
6将babel插件化，当你第一次安装babel-core并且按照以前的方式来加载require hook的话，你回发现代码无法运行：
```
require('babel-core/register');
```

就是因为babel6整体插件化了，如果你想使用es6语法，需要手动加载相关插件。

使用命令：
npm install babel-preset-es2015
npm install babel-preset-react
npm install babel-preset-stage-1

关注