【探秘ES6】系列专栏(九):使用Babel和Broccoli
ES6作为新一代JavaScript标准,已正式与广大前端开发者见面。为了让大家对ES6的诸多新特性有更深入的了解,Mozilla Web开发者博客推出了《 ES6 In Depth 》系列文章。CSDN已获授权,将持续对该系列进行翻译,组织成 【探秘ES6】系列专栏 ,供大家学习借鉴。本文为该系列的第九篇。 本文接下来讲述的是有关Babel和Broccoli(花椰菜)的使用。 Babel的使用 Babel是一个源代码到源代码的转换器,例如ES6到ES5的转换并使代码在主流JS引擎中执行。 在项目中可通过多种方式来使用Babel,例如命令行方式,其格式为: babel script.js --out-file script-compiled.js 在浏览器中使用也是可以的,可以把Babel作为常规的JS库进行链接使用: <script src="node_modules/babel-core/browser.js"></script> <script type="text/babel"> // Your ES6 code </script> 不过当你的基代码不断增加,则需要更具扩展性的方法以管道方式整合Babel。接下来会介绍如何使用创建工具Broccoli.js来对Babel进行整合。 第一个Broccoli及Babel项目 Broccoli是一个帮助快速创建项目的工具