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格式
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。