0
点赞
收藏
分享

微信扫一扫

Grunt

凯约 2022-03-12 阅读 52

全局安装 grunt-cli :npm i -g grunt-cli
局部安装grunt :npm i grunt --save-dev
运行构建项目的命令:grunt
项目中根目录必须包含配置文件:Gruntfile.js
文件为一个暴露出来的function

module.exports=function(grunt){
	//初始化配置grunt任务
	grunt.initConfig({
	// 任务名
		concat:{
			options:{
				//合并文件的连接符
				separator:';'
			},
			dist:{
			// 合并的源文件
				src:['src/*.js'],
				//输出文件
				dest:'dist/built.js'
			}
		}
	})
	//grunt任务执行时加载对应任务插件
	grunt.loadNpmTasks('grunt-contrib-concat')
	//注册grunt的默认任务
	grunt.registerTask('default',[])
}

执行任务grunt concat
但是如果有多个任务就需要按照顺序执行:
如 grunt concat 合并文件后 grunt uglify压缩文件,十分麻烦,所以使用默认任务
grunt.registerTask('default',['concat','uglify'])
此时直接 grunt 即可按照数组任务顺序同步执行
如果存在开发需要的插件的任务如watch,可以再注册一个任务用于开发,如:
grunt.registerTask('default',[])

grunt插件
在这里插入图片描述
js语法检查使用插件
npm i grunt-contrib-jshint

需要创建配置文件 .jshintrc

举报

相关推荐

0 条评论