Skip to content

Latest commit

 

History

History
29 lines (24 loc) · 1.51 KB

8.4.2.md

File metadata and controls

29 lines (24 loc) · 1.51 KB

8.4.2 通过Grunt执行Babel

  在实际工作中使用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插件。

【440页】

image

(2)准备Gruntfile.js
  为了运行grunt-babel,需要准备像下面这样的Gruntfile.js。

●清单8-08 Gruntfile.js image // Babel的设定信息
// 生成Source Map(转换前后的对应信息)
// 使ES2015的preset有效
// 将begin.es6.js转换为begin.js

(3)运行任务
  这样准备就完成了。之后,只要通过grunt命令来执行Gruntfile.js就可以了。 image   另外,如果是在浏览器环境中运行,和8.4.1一样,需要导入Polyfill库。