- 什么是grunt?
Grunt是一个nodejs 程序,主要用于构建和打包前端项目,用js写成.
- grunt打包是如何实现的?
不同的js框架的压缩,合并,赋值,拷贝,替换和依赖关系等都不相同,grunt主要依赖这些框架自己发布的grunt插件或第三方插件执行打包工作。比如requirejs 有grunt-contri-requirejs插件,代码检查有grunt-contrib-jshin 插件。 Grunt打包的时候需要下载这些插件,在执行打包任务时,运行这些插件里面的代码执行具体的打包,合并,压缩工作。
- Grunt打包如何配置这些插件,依赖关系,以及生成什么样的包?
Grunt打包依赖一个叫Gruntfile.js的配置文件,这个文件一般位于前端项目的根目录。
- Grunt使用说明
- 下载安装nodejs 官方网站https://nodejs.org/ (下载LTS版)
是一个exe文件或者msi文件,双击下一步… 直到安装完成。
- 打开命令行,输入node -v 命令,显示版本号说明安装成功。
- 命令行进入你所在的项目目录。
一般oe对接的项目目录结构如下 (可以看到已经存在一个Gruntfile.js)
命令行进入这个项目根目录,执行npm install 命令
接着就开始安装grunt打包依赖的插件和grunt文件本身
安装结束后,输入命令 grunt
直到看到这个(下图), 说明在打包过程中没有报错,打包结束
打包结束后,本地项目结构下多了一个build 目录
这个build 里面就是打包之后的结果,用来发布的。
(6)如果无法运行 grunt 命令,执行下面两个命令