美文网首页
ES6环境搭建

ES6环境搭建

作者: bryan_liu | 来源:发表于2018-12-18 09:33 被阅读0次

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环境搭建

    es6环境搭建

  • ES6环境的搭建

    1、ES6环境的搭建 搭建环境的原因:低版本的浏览器不支持ES6语法,可以利用工具将es6编译成es5 用Babe...

  • create-react-app 搭建不同环境

    环境搭建 ES6环境(只能使用ES6语法、默认不支持TS,使用redux、react-redux) create-...

  • ES6的开发环境搭建

    在搭建es6开发环境之前,先简单介绍一下es6。 ECMAScript 6.0(以下简称 ES6)是 JavaSc...

  • ReactNative踩坑填坑(一)

    RN环境的搭建和IDE的选择 一、mac下环境的搭建 二、WebStorm 下面导入模块的es6的结构语法在Chr...

  • React

    (1)React环境搭建的过程 安装地址示例 (2)React 基础 (2.1) es6语法 (2.2) JSX ...

  • React Native 学习记录(一)初识React Nati

    关于React Native的介绍,省略…… 关于环境的搭建,省略…… ………… 进入正题(ES6语法) Reac...

  • ES6 环境搭建

    由于 ES6 的语法并没有完全被浏览器所兼容,所以可以利用一些工具把 ES6 转化成 ES5 的语法,这样可以达到...

  • ES6开发环境的搭建

    ES6开发环境的搭建 首先,为什么ES6需要一个开发环境,而不是像ES5那样直接在浏览器打开就可以?原因就是到目前...

  • ES6

    ES6的开发环境搭建 现在的Chrome浏览器已经支持ES6了,但是有些低版本的浏览器还是不支持ES6的语法,这就...

网友评论

      本文标题:ES6环境搭建

      本文链接:https://www.haomeiwen.com/subject/vzhkkqtx.html