ES6环境搭建

作者: 花落o | 来源:发表于2016-12-30 15:52 被阅读27次

1.npm init -yes 生成package.json文件

2.sudo npm install -g babel-cli

npm install babel-cli —save -dev

3.npm install babel-preset-es2015 —save-dev

4.运行babel命令编译 es6源码 babel es6/test.es6 --out-file js/test.js --presets es2015

可以变编译整个目录下的文件夹 babel es6 —out-dir js —presets es2015

5.在package.json里修改一下scripts:{“compile”:”babel es6 —out-dir js —presets es2015”}

然后npm run compile运行

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的语法，这就...