安装grunt

港控/mmm° 2022-12-12 15:09 299阅读 0赞

# Grunt是什么 #

Grunt是一个带有内建的常用任务的基于任务的构建工具

通俗的说，平常我们的项目中，可能需要不停的做一些重复的任务，例如压缩（minification）、编译、单元测试、查错（linting）等，如果有一款工具可以自动帮我们做这些，是不是就很爽了？Grunt就是这么生出来的

Grunt生态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，因此，可以利用Grunt自动完成任何事，并且花费最少的代价。如果找不到你所需要的插件，那你也可以自己动手创造一个Grunt插件

# Grunt安装 #

## 第一步：安装node ##

## 第二步：安装grunt-CLI ##

> 命令：npm install -g grunt-cli

![在这里插入图片描述][20201007223350804.png_pic_center]

## 第三步：安装grunt ##

> 命令：npm install grunt -save-dev

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center]

## 查看版本 ##

> 命令：grunt -version  
> ![在这里插入图片描述][2020100722371153.png_pic_center]

## 常见的grunt插件安装 ##

> 命令  
> npm install grunt-text-replace -g  
> npm install grunt-contrib-concat -g  
> npm install grunt-contrib-cssmin -g  
> npm install grunt-contrib-uglify -g  
> npm install grunt-contrib-copy -g  
> npm install grunt-transcoding -g  
> npm install grunt-contrib-clean -g

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center 1]

[20201007223350804.png_pic_center]: /images/20221123/4fb222bdf7314457b9cb6f5b8d4718a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/d290270fcff94b0da25b96aeb43cb44a.png
[2020100722371153.png_pic_center]: /images/20221123/278a5ad405a24e8baa2c9b2f5b7ce733.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/93da963eff9c43d2843af7b699ff3680.png