babel

5 5

搭建 React , Babel 和 Webpack

公司打算用 React 做一个微信项目。我以前玩过一阵子 React,就被安排给 PHP 和前端指导入门 React。当时玩 React 的时候还是 0.11.x 的时代,如今已经是 15.0.x (0.15.x)。Webpack 和 Babel 也改进许多,搭建和使用变得方便。

React 已经成为前端很流行的工具,很多公司都在使用。根据官网的介绍,React是将界面组件化开发的工具,只是 MVC 中 V 的角色。通过 Flux 的概念,维持和传递数据状态给对应的组件,完成数据流动。

随着 ECMAScript 6 (ES6,ES2015) 标准的发布,越来越多开发者使用新的语法。由于浏览器的跟进速度略慢,ES6 的 JavaScript 代码还是需要翻译到 ES5 才能在浏览器正确的运行。Babel 就是翻译 ES6 到 ES5 代码的工具。同时还可以处理 React 的 JSX 格式到一般 JS 代码。

前端项目除了 JavaScript 还有 CSS 等内容。Webpack 是一套各种前端工具协调工作的总工具。整合 Babel 和很多别的工具以实现。