gruntjs随笔

接触项目时，由于平时要校检合并js代码、压缩CSS/JS代码、压缩图片、linting等，显得很机械化，于是gruntjs就顺理成章的成为了首选。

gruntjs是基于nodejs的构建工具，所以使用前先要安装node。我使用过node所以省略安装过程了。

接下来安装grunt:在命令行中输入

》npm install -g grunt-cli
》npm install grunt --save-dev

在使用 grunt -version查看版本信息，如果出现版本信息，恭喜你，成功了。（现在关掉了命令行，没图了，失策Σ( ° △ °|||)︴）

grunt的插件很多（应该有2K多），要什么插件就要自己下载什么插件来用。

对于接触过node的都知道，它有个包管理器package.json.

在你的项目文件下建一个package.json

这里我安装了个常用的js代码压缩工具：grunt-contrib-uglify

然后调用npm install就会调用package.json,安装里面添加的插件

你会看到node_modules文件夹下有grunt和grunt-contrib-ugligy两个包

再新建一个js文件：

在命令行中调用grunt命令，你就会发现，你dist文件夹下就有了压缩好的文件。

怎么样是不是很方便呢。项目越大，它的优势就很明显了O(∩_∩)O

下来发现合并压缩后的代码贴进去不能使用，后来发现，依赖的js文件都合并为一个主文件了，文件名当然就不对了，所以在使用seajs中define前要加上两个参数：

第一个参数：当前模块的ID，第二个参数：依赖模块的数组

例如：

然后再运行，是不是可以了呢^_^

其实grunt搭配seajs使用会更加方便，下来可以接触一下吧。