您的位置:首页 > Web前端

Grunt学习

2015-06-20 18:42 302 查看
http://www.cnblogs.com/yexiaochai/p/3603389.html

Gruntfile这个文件尤其关键,他一般干两件事情:

① 读取package信息

② 插件加载、注册任务,运行任务(grunt对外的接口全部写在这里面)

Gruntfile一般由四个部分组成

① 包装函数

这个包装函数没什么东西,意思就是我们所有的代码必须放到这个函数里面

module.exports = function (grunt) {

//你的代码

}

package.json

这个文件用来存储npm模块的依赖项(比如我们的打包若是依赖requireJS的插件,这里就需要配置)

然后,我们会在里面配置一些不一样的信息,比如我们上面的file,这些数据都会放到package中

对于package的灵活配置,我们会在后面提到

package.json: 此文件被npm用于存储项目的元数据,以便将此项目发布为npm模块。你可以在此文件中列出项目依赖的grunt和Grunt插件,放置于devDependencies配置段内。

Gruntfile: 此文件被命名为 Gruntfile.js 或 Gruntfile.coffee,用来配置或定义任务(task)并加载Grunt插件的。

Grunt API

http://www.gruntjs.net/docs/getting-started/

Grunt 教程

http://www.miaoyueyue.com/archives/728.html

http://www.miaoyueyue.com/archives/753.html

npm install grunt-contrib-uglify –save-dev 【加粗为插件名】
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Grunt 前端开发