ES6环境搭建

ES6目前除了chrome浏览器,大部分是兼容不到位的,所以我们需要将ES6转换成ES5;

首先我们建立一个叫做ES6TEST的文件夹,在这个文件夹里建立两个名字分别叫做src(写es6)、dist(转换成es5)的文件夹;

目录

然后安装npm包管理工具,在该文件夹中执行命令:npm init -y ,进行初始化,(-y)是为了忽略回车,执行完命令会生成一个package.jason的文件,里面会有项目的相关信息;

再安装babel转换工具,执行命令:npm install -g babel-cli进行全局安装(网速不好可以采用cnpm安装),再执行命名:npm install --save-dev babel -preset-es2015 babel-cli进行本地安装,

这些包安装完成后还不能转换成es5,此时还需要建立一个名字叫做.babelrc的文件,里面具体内容如下:


babelrc文件内容



我们再在package.json里添加一条命名:"build":"babel src/index.js -o dist/index.js",执行命名:npm run build,将src下es6格式的js转换成dist下es5格式js。


es6格式


es5格式

你可能感兴趣的:(ES6环境搭建)