废话一句也不想说,直接上来就是干! 想必你在用babel时就已经知道babel时干嘛用的了,我在这里就不再详细阐述。1、问:我现在又编写了一个ES6语法的js文件怎么在低版本浏览器中无法运行答:使用babel【转译器】把高版本的语法转成低版本的语法(ES5)2、问:那请问babel怎么使用?答:先安装babel-cli。安装步骤如下: A.在命令行中输入:npm install –save-dev babel-cli B.本地安装好后会出现 “node_modules”文件夹,内涵babel-cli 到此babel-cli已经安装完毕 安装过程中踩坑集锦:1:安装过程中安装的很慢,可以用VPN翻墙安装。2:安装后会有警告⚠,不要慌张,只是建议你有package.json文件3.本地安装的话,就不要使用babel 什么什么了会报错。 使用有法三:法一:全局安装, 法二:进入babel目录(下面用的就是这个), 法三:npx babel(先全局装npx)3、问:那请问安装好后怎么使用呢?注意在windows下时路径时反斜杠()3、问:天啦噜,发生什么情况了,编译时编译出来了,但是代码还是原来的样子啊,只是感觉复制了一份,哪里有问题?代码:解答:原因是因为我们还没有告诉babel去干什么,他就粗暴的复制一个啥也不干,那怎么处理呢,首先我们得手动创建 .babelrc的文件,这是一个json格式的文件,里面写如下:presets 表示预设,plugins表示依赖的插件。这里不全后续待补充先执行命令,安装 es2015再编写bablerc文件:这些都搞定后,再执行编译代码然后再打开神奇的事情发生了我们看看什么编译的文件到此大功告成!!!