Grunt打包说明

1. 什么是grunt?

Grunt是一个nodejs 程序,主要用于构建和打包前端项目，用js写成.

1.  grunt打包是如何实现的？

不同的js框架的压缩，合并，赋值，拷贝，替换和依赖关系等都不相同，grunt主要依赖这些框架自己发布的grunt插件或第三方插件执行打包工作。比如requirejs 有grunt-contri-requirejs插件，代码检查有grunt-contrib-jshin 插件。  Grunt打包的时候需要下载这些插件，在执行打包任务时，运行这些插件里面的代码执行具体的打包，合并，压缩工作。

1. Grunt打包如何配置这些插件，依赖关系，以及生成什么样的包？

Grunt打包依赖一个叫Gruntfile.js的配置文件，这个文件一般位于前端项目的根目录。

1. Grunt使用说明

1. 下载安装nodejs  官方网站https://nodejs.org/  （下载LTS版） 

是一个exe文件或者msi文件，双击下一步…  直到安装完成。                                                                                                                                                                                                                                                                                                                               

1. 打开命令行，输入node  -v 命令，显示版本号说明安装成功。

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              

1. 命令行进入你所在的项目目录。

一般oe对接的项目目录结构如下 （可以看到已经存在一个Gruntfile.js）

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

命令行进入这个项目根目录,执行npm install 命令

接着就开始安装grunt打包依赖的插件和grunt文件本身

 

安装结束后，输入命令 grunt

直到看到这个（下图）， 说明在打包过程中没有报错，打包结束

 

打包结束后，本地项目结构下多了一个build 目录

这个build 里面就是打包之后的结果，用来发布的。

 

（6）如果无法运行 grunt 命令，执行下面两个命令