grunt基本操作

123 阅读1分钟

安装

初始化package.json

npm init

安装grunt 和 命令行工具,可以用npm或yarn,用yarn不用安装命令行工具

npm i grunt -D
npm i -g grunt-cli

创建gruntfile.js文件

  • grunt入口文件,用于定义需要执行的任务
  • 需要导出的函数
  • 此函数接收一个grunt的形参,内部提供一些创建任务时可以用到的API
module.exports = grunt=>{ 
// 同步任务
    grunt.registerTask('任务名','任务描述',()=>{
  	 //任务代码
    })
    // 异步任务
    grunt.registerTask('任务名','任务描述',function(){
    	const done = this.async()
        setTimeout(()=>{
        	//任务代码
        },1000)
    })
}

标记错误

  • 同步任务,在回调函数中return false
  • 异步任务,在done方法中传参 done(false)
  • grunt xx --force 强制执行错误标记后面的代码

配置选项方法

  • initConfig({key:value});config(traget)
  • 用来配置一些公用的值或配置多个目标
 module.exports = grunt =>{
 	grunt.initConfig({
    	foo:'11111'
    })
    grunt.registerTask('doConfig',()=>{
    	console.log( grunt.config('foo') ) // 1111
    })
 }

多目标任务

  • API:initConfig(); registerM