babel

babel 到底将代码转换成什么鸟样?

原文链接:https://github.com/lcxfs1991/blog/issues/9前言将babel捧作前端一个划时代的工具一定也不为过,它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网?反正我是不放心,我就曾经过被坑过,于是萌生了研究babel代码转换的想法。本文不是分析babel源码,仅仅是看看babel转换的最终产物。es6

使用 ES6 的浏览器兼容性问题

以前对浏览器兼容性问题只是大概知道一些点,没想到这次真正着手去做的时候,还是碰到了很多问题。刚开始的时候一边解决问题,一边想着:用 IE8 的都是神经病,到后来,我发现完了,I LOVE IE。0x00 起源在这次做小蜜 PC 版的时候,由于早于 PC 版,无线版已经重新设计了全新版,做了很多架构上的优化调整。所以在做的时候把无线版的前端架构拿了过来,主要的考虑就是品牌和功

开发工具心得:如何 10 倍提高你的 Webpack 构建效率

0. 前言图1:ES6 + Webpack + React + Babelwebpack 是个好东西,和 NPM 搭配起来使用管理模块实在非常方便。而 Babel 更是神一般的存在,让我们在这个浏览器尚未全面普及 ES6 语法的时代可以先一步体验到新的语法带来的便利和效率上的提升。在 React 项目架构中这两个东西基本成为了标配,但 commonjs 的模块必须在使用前

webpack+babel+react练习流程记录

react简介来构建用户界面的库,不是框架关注于view层虚拟DOM 单向数据流 JSX这些概念如何使用react下载文件 react react-dom browser.min.js也可以使用nodejs,需要用到的模块 webpack babel react react-domJSX介绍JSX是React编写组件的一种语法规范,

ES6部分方法点评(三):babel-preset-es2015-loose可转换且移动端兼容性较好的语法

前言由于目前各浏览器对ES6兼容性较低,再加上需要兼容历史上各种版本的浏览器,因此,使用编译器将ES6语法转译成ES5语法则势在必行了。babel是目前最常用的ES6转ES5的工具,但即使是ES5,各浏览器的支持度也是不一的,因此便产生了本文,找出一些能够被翻译成兼容性高代码的ES6语法。讨论基础兼容IE10+、android4.0+、ios6+。使用babel的一个pre

Babel快速入门

首先,作为入门的话,Babel的用户手册是个很不错的选择,里面基本覆盖了Babel使用的各方面。所以下面主要是我学习Babel的一些笔记,姑且当作是一篇入门吧。Babel是什么按照Babel官网的说法,Babel是一个Javascript编译器。它可以把用最新标准编写的Javascript代码编译成现在的浏览器或者node环境下能运行的代码,这个过程叫做“源码到源码”编译,