一、对象的简洁表示法 二、属性表达式 三、新增api (Object.is()判断两个是否相等 相当于 Object.assign()方法将源对象(source)的所有可枚举属性,复制到目标对象(target) 同名属性会进行覆盖 并且只进行浅拷贝) 四、扩展运算符 (这个babel支持的不是很好) ...
分类:
其他好文 时间:
2017-06-14 11:31:36
阅读次数:
156
使用ES6 和 React写得前端,使用babel转化成ES5,然后压缩打包。 某一版本下的打包压缩对比 const BabiliPlugin = require('babili-webpack-plugin'); const UglifyJSPlugin = require('uglifyjs-w ...
分类:
其他好文 时间:
2017-06-10 12:32:32
阅读次数:
180
如果只要普通的热加载 只要如下配置就好了 package.json webpack.config.js 若要使用 es6 的语法, 需加载babel 文件, 注意要先安装 babel-cli package.json 如下: webpack.config.js 如下: 并且还要加一个 .babelr ...
分类:
Web程序 时间:
2017-06-10 10:36:57
阅读次数:
188
大家知道,将ES6代码编译为ES5时,我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档,里面常会建议大家在.babelrc中输入如下代码: 我们现在来说明下这个配置文件是什么意思。首先,这个配置文件是针对babel 6的。Babel 6做了一系列模块化,不像Babel 5一样把所 ...
分类:
其他好文 时间:
2017-06-07 23:11:40
阅读次数:
373
1、直接安装Babel法: 1)初始化自动创建package.json 2)首先全局安装Babel。 3)项目安装Babel。 4)presets字段设定转码规则,你可以根据官方提供的规则集选择需要安装。 5)Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是 ...
分类:
其他好文 时间:
2017-06-07 15:49:31
阅读次数:
296
Ajax 的 API -> fetch(): 一起学习吧:http://javascript.ruanyifeng.com/bom/ajax.html#toc27 fetch操作返回Promise对象,babel可以编译,一些高版本浏览器支持。 对比XHR写法 Fetch API提供以下五个数据流读 ...
<img class="desc_img" src="http://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=excuse%20me&step_word=&ie=utf-... ...
分类:
其他好文 时间:
2017-05-30 18:10:58
阅读次数:
384
React es6语法 class Counter extends Component { static propTypes = { 报错。 两个解决方案: 1.等号改为冒号,但是看着别扭 2.yarn add babel-preset-stage-0 { "presets": ["react", ...
分类:
其他好文 时间:
2017-05-29 13:37:06
阅读次数:
175
{ //依赖包 "devDependencies": { //babel "babel-core": "6.24.1", "babel-loader": "7.0.0", "babel-preset-es2015": "6.24.1", "babel-preset-react": "6.24.1",... ...
分类:
Web程序 时间:
2017-05-27 13:37:32
阅读次数:
1323
要使用babel,首先需要了解用的东西?它是一个用来进行ES6转化到ES5的转码器,从而在现有环境中进行执行。 一、配置文件.babelrc(搬运下) Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。 该文件用来设置转码规则和插件,基本格式如下 ...
分类:
其他好文 时间:
2017-05-26 18:22:11
阅读次数:
246