适用grunt的注意点 应用Grunt自动化地优化你的项目前端

0、使用grunt能够为前端开发省去不少工做量，与git版本控制器配合起来不要太完美，通常也都是这么用的；

一、先安装node.js，下载软件安装就好了，通常自带npm管理器;

二、经过npm安装grunt-cli，安装命令：npm install -g grunt-cli；g表明在全局环境下安装，cli表明的是命令行的意思；

     也就是把“grunt”这个词添加到全局命令行中，至关于在window环境下注册了grunt命令，所以在别的文件环境下输入grunt命令是有效的;

     在命令行中输入grunt，验证是否安装成功；

三、经过命令行进入将要开发的网站目录，输入命令：npm install grunt --save-dev，注意这是在局部环境安装的grunt插件；

     也就是让这个本地项目依赖grunt，查看package.json文件中的devdependencies对象，就多了“grunt”：“版本号”这几个字符;

　　其实grunt也就是一个插件，它的功能就是用来管理其余的插件！全部的插件都是基于node环境的；

四、安装本地项目所需的其余依赖项（模块、插件），命令与安装grunt相似：npm install grunt-contrib-uglify --save-dev;

     查看package.json文件，又多了一个依赖项；

五、接下来就是配置--Gruntfile.js这个文件了，这个文件做用主要就是规定：在本地项目环境下，输入grunt命令时，电脑该如何操做文件；

     好比：压缩、合并、检查语法错误、把sass文件编译为css文件等等；之前这些都须要手工操做，如今只要输入grunt，就搞定了！

六、Gruntfile.js要符合node环境下模块化规范的写法，module.export = function(grunt){// 一些相关的配置}，主要是进行三方面的配置；

     1）配置每一个插件的具体操做过程，如操做项目文件夹的哪些文件，输入输出等等；

     2）加载依赖项，loadNpmTask——就是上面经过npm install 的插件；

     3）指明grunt命令要执行哪几个操做；

     

参考：

     【前端福利】用grunt搭建自动化的web前端开发环境-完整教程 

     Grunt 新手一日入门

     应用Grunt自动化地优化你的项目前端