各位同学大家好 ，我本节视频 ，我会给大家去讲解一下 ，怎么样在我们webpack当中 ，去使用我们的babel ，对我们的js进行一些转换 ，因为这一块的话 ，大家需要了解的是 ，我们的浏览器 ，现在目前能够识别的 ，是我们的es5 ，当然还有一部分es6 ，其实部分的浏览器 ，也是可以识别的 ，然而我们现在 Es6出来了 ，Es7也出来了 ，甚至我们的es8也得出来 ，那么这些最新的语法 ，如果你想让你的浏览器进行 ，能够正常的读取的话 ，我们就需要对它进行一些转换 ，转换的话 ，我们就需要使用一个叫做babel ，这个名字可以有两种读音 ，一个叫做babel ，我这块可以给大家查一下 ，因为有很多同学就是说 ，我英文发音这块需要去提升 ，所以我就每一次在说英文的时候 ，尽可能的去来查一下 ，然后发出正确的声音 ，大家可以自己验证一下 ，babel ，babel ok美式发音的话 ，叫做babel ，然后英式发音叫做Babel ，它的作用其实就是 ，将我们的一个最新的es语法 ，转化成我们浏览器 ，可以识别的es5 ，比如说我这个地方 ，写一个箭头函数 ，然后当你输入到这里之后 ，它就会给我们转化成 ，我们es可以识别的 ，叫做function ，Ok ，这就是我们的一个babel ，它的一个作用 ，我们可以通过浏览器 ，它的官网 ，去对应的一些这种转化 ，同样我们也可以使用我们的编辑器 ，我们的终端进行一些转化 ，然后我们再给大家去说 ，怎么样去使我们的webpack ，对它进行一些编辑 ，接下来回到我们的代码 ，我们来到代码之后 ，我们这一节课要给大家讲解的 ，就是我们的这个babel转换 ，我们要想转换的话 ，首先第一步 ，我们要在我们的项目当中 ，来安装一下我们的babel course ，所以我们就使用npm install ，我们都叫做babel杠我们的core ，然后我们点击回车 ，

这个东西我们装好之后 ，我们还需要去在我们当前的 ，根路径下 ，来创建一个文件 ，这个文件也非常的特殊 ，就一个叫做点 ，babel ，我们的src所以我们在这块来直接创建一下 ，.babel RC点击回车 ，然后这个时候大家会发现 ，我们就多出来这么一个文件了 ，我们把这方面的先肯定一下 ，这个点babel rc它其实就是一个自动加载的文件 ，如果大家去了解过Linux的话 ，大家就知道rc它其实就是一个自动加载的文件 ，这个文件里边 ，我们主要做的事情是什么 ，其实它是一个js文件 ，所以我们这个里边 ，就会拥有一些配置 ，配置的包含我们现在的这种 ，愈加的愈变异的语法 ，或者是我们需要去这个Present ，其实主要对我们的es6 ，进行一些配置 ，然后我们现在直接就给大家去展示这一块 ，我们再等会再来配置它 ，首先第一步 ，我们来到src下 ，拥有一个叫做main.js我在这个里边 ，我把它删掉了 ，我在这块先写一个 ，我们的es6的一个语法 ，然后我们就直接写一个箭头函数 ，这就是我们的一个Es6的一个语法 ，就是我们刚刚拷贝的那一份 ，然后我们现在想要做一件事情 ，就是将它能够转化成 ，我们的es5 ，也就是我们在网站当中所测试的 ，如果你想转换他的话 ，你需要在你当前的项目当中 ，来安装对应的插件 ，所以我使用npm install ，一个叫做babel 杠的plugin ，然后干我们的一个叫做transform ，然后杠一个叫做es2015 ，杠一个叫做就是2016了 ，2015-我们1个叫做error ，Functions ，Ok这个插件 ，它的作用就是 ，将我们的一个箭头函数 ，转化成我们es5所读取的方式 ，

我们这块就可以直接给你回车 ，他会给我们将当前的插件下载下来 ，