Gruntjs提高生产力(四)

本文探讨了如何利用GruntJS项目统一、配置变量和命令行参数等方法,简化安装插件和编写gruntfile.js的过程,从而有效降低开发成本。

思考:

  1.grunt以工程为单位安装插件?

  如果有新工程就要重新安装插件或者把安装好的插件拷贝过去。这样很麻烦,解决方案是需要用grunt的项目统一放在grunt项目中。

 

  2.每次需要针对项目编写gruntfile.js?

  a.我们可以把文件夹,路径用变量代替。传入xx.json或者用命令行传参的方式。

  还记得initConfig中的grunt.file.readJSON('package.json')这个方法么?我们可以写一个config.json,用这个方法读入就可以获取变量。

 config.json如下 

{
	"concat": {
		"dist": {
			"dest": "./script/"
		}
	}
}

 

gruntfile.js中这样读入  

pkg: grunt.file.readJSON('package.json'),
config : grunt.file.readJSON('config.json'),

要使用传入的文件夹可以

 

1.<%= config.concat.dist.dest %> //模板使用
2.config.concat.dist.dest //直接使用

  b. 用命令行工具传递参数

  还记得console.log(grunt.option('keys'));

命令行中只要这样使用

grunt --keys=1

  在gruntfile.js执行时就就能通过grunt.option('keys')获取到值1

 

暂时我想到的是以上两种方法可以通用我们的gruntjs而减少编写的成本。

转载于:https://www.cnblogs.com/enix/p/3478008.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值