与grunt.js管理项目-研发项目管理

>>与grunt.js管理项目-研发项目管理

与grunt.js管理项目-研发项目管理

引言:当今社会市场竞争激烈,软件开发企业想要占据前列需要在研发管理上下功夫,“向管理要效益”已经成为软件开发企业的共识,研发项目管理在软件企业中的普及也是大势所趋。国内做软件项目管理工具的开发商翼发云近几年发展十分迅速,越来越多的软件开发企业认识到研发项目管理的重要性,能切实有效降低成本,规范软件开发流程,提高软件产品质量。国内研发项目管理系统、敏捷开发管理工具的领导品牌翼发云敏捷项目管理系统采用可视化业务流程技术,支持瀑布模型等传统软件研发项目管理,同时也支持scrum等敏捷开发流程,是理想的敏捷开发管理工具,涵盖软件项目管理工作的整个生命周期。为提高国内软件开发企业的项目管理水平,分享一篇企业管理相关的知识文章。

Grunt.js是什么?

Grunt.js是一个Javascript Task Runner(Javascript任务运行器),其基于NodeJS,可用于自动化构建、测试、生成文档的项目管理工具。

grunt.js不仅仅是建筑工具。实际上,它只是一个任务运行时,它管理每个子任务的自动操作,我们仍然可以使用他做更多的事情。scrum

你为什么用grunt.js?

简单的说:

自动化。软件项目管理

对于前端项目,例如:

  • 为了阐明模块的分工,我们可以将JavaScript代码拆分成非常小的js文件,但是我们知道在最后一页,我们知道太多的js文件会产生太多的HTTP请求,这不利于页面优化。因此,我们可能期望可以与这些js文件合并的工具。
  • 我们希望将HTML、JavaScript和其他文件压缩得尽可能的小。
  • 我们可能需要对源代码进行一些单元测试和回归测试。
  • 我们可能希望有能够通过源代码注释自动生成文档的工具,以便可以手动重写文档。
  • ……

很明显,这一切都有各种各样的小工具能帮我们做到,但是我们希望最好能输入一个命令,打开一个程序,或者干脆每次修改文件保存后自动进行这一切事情。 敏捷开发流程

以前我们可能使用NodeJS自己写一个build程序,但是现在Grunt.js能够提供我们需要的一切。

研发项目管理

安装grunt.js

Grunt.js 0.4之后,其不再使用全局方式安装整个Grunt.js,而是在全局安装Grunt.js Client,然后在当前项目中安装Grunt,来避免未来不同项目对Grunt不同版本的依赖关系。

如果安装了之前的版本,可以使用npm的命令来删除掉原来的Grunt.js。

NPM卸载- G的呼噜声

然后安装Grunt.js Client:

NPM安装- G咕噜CLI

package.json

package.json是项目的配置文件,有一些项目的依赖信息,以及作者、版本等信息。我们先写一个简单的package.json。

{“名字”:“我的项目”,“版本”:“0.1.0”、“devdependencies”:{“咕噜”:“~ 0.4.1”} })

name属性,它代表的项目名称。的

版本属性是项目的版本号。的

devdependencies属性包含项目的依赖,和我们目前的依赖只是哼哼,和版本0.4.1。

在终端大概包含该package.json的目录,输入命令:

NPM安装

我们会发现,该目录此时多了一个node_modules文件夹,里面有个grunt文件夹,这个就是我们安装在项目的Grunt.js。

与grunt.js压缩JS代码

grunt-contrib-uglify是Grunt.js的一个任务模块,其基于著名的js压缩工具uglify,进行js压缩任务。

首先我们在项目依赖加上grunt-contrib-uglify,package.json如下:

{“名字”:“我的项目”,“版本”:“0.1.0”、“devdependencies”:{“咕噜”:“~ 0.4.1”、“咕噜”丑化”:“~ 0.2.0”} })

再使用:

NPM安装

我们就安装了grunt-contrib-uglify了。

写gruntfile.js

module.exports =功能(咕噜){ //呻吟加grunt.initconfig(集{丑化:{选项:{横幅:“/ *!保留所有权利,这里* / / n’build:{ } SRC:涂鸦,’src /核心。JS的/压缩的源文件,我们也可以使用*通配符,这样as’src / *。js’dest:’dst /核心。js /压缩输出位置} } });/ /负载“丑化”插件的任务grunt.lOAdnpmtasks(’grunt-contrib-uglify ‘);//定义grunt.registertask默认的任务(’default,[ ‘uglify”]);};

Gruntfile.js文件用于定义任务,以及任务组的执行顺序等。上面的文件我们定义将src/core.js文件压缩后输出成dst/core.js。则我们输入命令:

咕噜

的时候,则会自动完成这个任务。

更多…

我们可以去插件市场找到更多我们需要的插件,然后来将我们的项目更自动化的管理。

文章从互联网整理而来,旨在传播scrum、软件项目管理、研发项目管理、敏捷开发管理工具的知识与应用,帮助软件开发企业真正了解研发项目管理的价值和意义,如果本文侵犯了您的权益或者您需要具体了解更多国内做研发项目管理系统的公司翼发云敏捷项目管理系统的相关信息,欢迎和我们联络:

【网址】www.effapp.com

2018-03-05T11:37:17+08:002018-03-05 11:37:17|Categories: scrum项目管理|