接触项目时,由于平时要校检合并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使用会更加方便,下来可以接触一下吧。