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 【加粗为插件名】
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 【加粗为插件名】
相关文章推荐
- GUI - Web前端开发框架
- 前端开发过程中浏览器版本的两种判定方法
- 前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
- 前端开发必须知道的JS之闭包及应用
- [前端百科]UI设计师与前端工程师的区别
- Grunt 新手指南
- 编程狂人第三十三期,程序员必读的技术周刊
- 招聘正在进行时,315晚会使用的高科技产品,难道你们不知道嘛<( ̄︶ ̄)↗[GO!]
- Node.js+Yeoman构建前端自动化Web应用
- 一步步学会使用SeaJS 2.0
- grunt.config.init()_gruntjs api
- grunt.config()_gruntjs api
- grunt.config.get()_gruntjs api
- Grunt——前端任务自动管理工具
- 移动web页面支持弹性滚动的3个方案
- 新手在进行CSS网页编码以前需要注意的十个问题
- WIN8首次体验,以及IE10
- 最受Web前端开发者欢迎的五大开发工具
- 从事前端开发必须要了解的CSS原理
- 一、前期理论