本文主要参照阮一峰的es6入门,为提高自己写了一份随笔。 原文地址请戳这里 ECMAScript 6 入门 ECMAScript 6是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。 但是目前浏览器对es6不完全兼容,需要借住b ...
分类:
其他好文 时间:
2016-08-04 01:34:35
阅读次数:
368
1.React-router error: super expression must either be null or a function 原因:引入babel后写ES6风格的代码: class ComponentXX extends React.component{} 这里的C小写了,导致产 ...
分类:
其他好文 时间:
2016-08-01 00:09:22
阅读次数:
145
es6引入很多新的语法特性,但是想要在现有浏览器环境执行,需要将ES6代码转为ES5代码,网上有很多转码器babel,traceur之类的,参考之后,使用traceur和gulp搭建es6运行环境,开始我的es6. 开始安装 首先确保电脑上安装了nodejs.1.创建一个项目目录2.全局安装Trac ...
分类:
其他好文 时间:
2016-07-25 08:08:02
阅读次数:
159
npm install – g babel babel – help 在项目里安装npm install babel-core -- save-dev babel xx.js babel xx.js -- out-file xxx.js babel xx.js -- out-file xxx.js ... ...
分类:
其他好文 时间:
2016-07-20 09:06:22
阅读次数:
159
React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpack凭借它异步加载和可分离打包等优秀的特性,更为React的开发提供了便利。其优秀的特性不再赘述。本文将详细的记录react babel webpack的环境搭建,以及搭建的过程中遇到的一些坑 ...
分类:
Web程序 时间:
2016-07-16 06:45:04
阅读次数:
667
官方网站 安装babel + es2015 根目录下新建.babelrc 编译命令 ...
分类:
其他好文 时间:
2016-07-16 06:39:12
阅读次数:
155
React +ES6 +Webpack入门React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpack凭借它异步加载和可分离打包等优秀的特性,更为React的开发提供了便利。其优秀的特性不再赘述。本文将详细的记录react babel webpack的环境搭建,以及搭建的过程中遇到的一些坑。
一、新建React项目
1、如图为新建react项目结...
分类:
Web程序 时间:
2016-07-15 21:43:47
阅读次数:
611
恢复内容开始 要想用react,需要安装: 1)babel-sublime; 作用:编译es6,支持ES6, React.js, jsx代码高亮,并对所编译的代码进行高亮显示。 安装步骤:在github(https://github.com/ruanyf/react-babel-webpack-bo ...
分类:
其他好文 时间:
2016-07-15 06:28:51
阅读次数:
135
官方地址 cdn路径 demo 1 demo 2 循环 绑定事件{匿名函数、函数表达式} 但在正式环境中,是不使用这种方式编译的,而是使用nodejs + babel + plugin 来编译react 配合编译的html: src/myReact.js: 编译后: 编写组件,记得利用nodejs ...
分类:
Web程序 时间:
2016-07-14 02:18:41
阅读次数:
311
安装依赖模块 在创建文件 .babelrc(文件名) : (文件内容) gulpfile.babel.js(文件名) : (文件内容) 这样在执行gulp默认任务就会在控制台打印‘hello world’了,很简单,唯一需要注意的就是gulpfile后面要加.babel ...
分类:
其他好文 时间:
2016-07-12 15:13:44
阅读次数:
173