在实际工作中使用ES2015时,如果要一个个地执行转换处理会很花工夫。因此将转换处理交给像Grunt(上一节)那样的Task Runner,便能实现自动化。
Note 如果是直接使用示例的代码
如果是直接使用示例的代码,则不需要下面的步骤(1)~(2)。移动到/chap08/babel文件夹之后,请运行下面的命令。
> npm install
npm install命名是指「安装所有记录在package.json中的包」。
(1)安装grunt-babel
要使用Grunt,请按照8.3.1中的步骤完成Grunt的安装,然后使用npm安装grunt-babel插件。
(2)准备Gruntfile.js
为了运行grunt-babel,需要准备像下面这样的Gruntfile.js。
●清单8-08 Gruntfile.js
// Babel的设定信息
// 生成Source Map(转换前后的对应信息)
// 使ES2015的preset有效
// 将begin.es6.js转换为begin.js
(3)运行任务
这样准备就完成了。之后,只要通过grunt命令来执行Gruntfile.js就可以了。
另外,如果是在浏览器环境中运行,和8.4.1一样,需要导入Polyfill库。