关键词：
参考技术A 第一步：搭建环境，主要是nodejs, npm, grunt(grunt-cli)$ mkdir installGrunt
$ cd installGrunt
$ npm install grunt --save-dev #如果看到如下信息表示grunt安装成功
$ grunt --version
grunt-cli v0.1.13
grunt v0.4.5
第二步：创建 package.json
# 在项目的根目录下创建package.json文件
（1）根据grunt-init模板自动创建一个特定的package.json文件；（需要先安装 npm install -g grunt-init）
（2）在命令终端通过npm init命令自动创建一个基本的package.json文件；（亲自测试过）
（3）从官网上复制或者下载一个package.json文件；（对新手最方便）
（4）手工创建一个package.json文件；（对高手最方便）
添加依赖
（1）逐个添加，逐个执行命令 $ npm install XXX --save-dev
XXX是常用插件名，如grunt-contrib-jshint
最好是全称，不要简写。我曾试过 npm install cssmin --save-dev 生成了无用的东西。
（2）也可以一次在package.json中添加多个插件，然后一次执行命令 $ npm install
安装声明的依赖关系grunt插件同时， 在项目根目录下添加一个node_modules目录，目录中放置对应grunt插件所需的插件目录名。
注：当你给npm install添加 --save-dev标志是，一个波浪线范围将被用于你的package.json中。（建议）
第三步：创建Gruntfile.js
# 添加自己合适的gruntfile配置，运行，得出预期输出
moduwww.hbbz08.com le.exports=function(grunt)
//任务配置
grunt.initConfig(
);
//载入任务
grunt.loadNpmTasks();
//注册任务
grunt.registerTask();
内容参见demo1
$ grunt #
运行成功，在目标目录下创建了一个压缩后的js，引用压缩后的js，效果一样。
实践2：加上css压缩的过程
1，在package.json使用命令加一个插件
npm install grunt-contrib-cssmin --save-dev #一开始使用npm install cssmin不对，下了两个
2，在Gruntfile.js中三个部分都加入cssmin相关的命令
3，运行grunt
注：如果已经在initConfig里配置了uglify和cssmin，则不能再注册任务名为uglify和cssmin，报错如下
(node) warning: Recursive process.nextTick detected. This will break in the next version of node.
Please use setImmediate for recursive deferral（递归延迟）.
解决办法：注释掉
//grunt.registerTask("uglify",['uglify']);
//grunt.registerTask("cssmin",['cssmin']);
grunt.registerTask("default",['uglify','cssmin']);//默认执行的任务
grunt基础配置
...配置要使用grunt来管理项目，一般需要如下的几个步骤：安装grunt命令行工具grunt-cli在项目中安装grunt安装grunt插件建立并配置Gruntfile.js安装grunt命令行工具npminstall-ggrunt-cli在项目中安装gruntnpminstallgrunt--save-dev安装完成后，可以在pa... 查看详情
grunt的使用方法，环境配置和插件安装
...还是相当多的，另外grunt和gulp的使用相当相似；grunt需要安装node和npm验证node是否安装：node-v验证npm是否安装：npm-v 下面是具体的使用方法：1》安装全局的配置环境npminstall-ggrunt-cli2》安装grunt在命令行中运行命令npminstallgrunt--... 查看详情
grunt的使用
...de.js的自动化构建、测试、生成文档的项目管理工具。一.安装grunt1.安装grunt之前首先得安装node：从官网上下载，安装即可，在命令行中输入：node–v，出现版本号，就说明已经安装完成了。2.首先全局安装grunt，用管理员方式打... 查看详情
grunt配置详情
...恩，是可以的。不过我到目前还未测试过是否可以。一、安装node,首先确保电脑已有node的环境。然后运行 npminstall-ggrunt-cli 然后运行grunt--version查看当前grunt是否安装;二、在项目根目录下面创建一个js文件，叫gruntfile.j... 查看详情
grunt简单教程
...等等，grunt有许多的插件，能够满足你的大部分需求。2.怎么安装先介绍一些东西：npm是node.js的包管理器通过npm能够下载安装nodejs的模块包cnpm是淘宝 npm镜像 查看详情
grunt快速入门
快速入门Grunt和Grunt插件是通过 npm 安装并管理的，npm是 Node.js 的包管理器。Grunt0.4.x必须配合Node.js >=0.8.0版本使用。；奇数版本号的Node.js被认为是不稳定的开发版。在安装Grunt前，请确保当前环境中所安装的&... 查看详情
如何安装 grunt 以及如何使用它构建脚本
】如何安装grunt以及如何使用它构建脚本【英文标题】：Howtoinstallgruntandhowtobuildscriptwithit【发布时间】：2013-03-2004:12:38【问题描述】：您好，我正在尝试在Windows764位上安装Grunt。我已经使用命令安装了Gruntnpminstall-ggruntnpminstall-ggru... 查看详情
grunt管理js/css
1.安装node2.npm安装3.运行grunt,可能遇到下面的问题可以运行npminstall-ggrunt然后再运行grunt可以看到已经压缩成功了: 查看详情
剖析grunt任务配置
...在项目根目录下生成package.json；B.通过npminstallgrunt--save-dev安装grunt依赖;C.项目根目录下手动创建文件夹Gruntf 查看详情
如何与 grunt 共享配置？
...一个问题相似，但我正在寻找的配置方法却大不相同。我已经发布了一些关于如何完成设置的 查看详情
git+grunt环境配置
1??sshkey生成步骤一.设置Git的user.name和user.email:$gitconfig--globaluser.name"xiongzuyan" $gitconfig--globaluser.email[email protected]二.生成SSH密钥：1.查看是否已经有了ssh密钥：cd~/.ssh如果没有密钥则不会有此文件夹，有则 查看详情
grunt-grunt使用(代码片段)
...达到前端代码自动构建的目地。Grunt和Grunt插件是通过npm 安装并管理的，npm是nodejs 的包管理器，所以第一步需要安装nodejs环境。安装grunt之前确保npm更新到最新的版本，使用npmupdate-gnpm在命令行中进行升级1 查看详情
TFS Build 找不到 Grunt
...1-2722:11:24【问题描述】：我已经在我们的TFS构建服务器上安装了npm和grunt。我使用npminstall-ggrunt-cli安装了grunt-cli，然后以我自己的身份登录时能够从命令行运行gruntdeploy。OutTFS构建以tfsservice用户身份运行，当它尝试执行gruntdeploy 查看详情
grunt-grunt使用(代码片段)
...达到前端代码自动构建的目地。Grunt和Grunt插件是通过npm 安装并管理的，npm是nodejs 的包管理器，所以第一步需要安装nodejs环境。安装grunt之前确保npm更新到最新的版本，使用npmupdate-gnpm在命令行中进行升级1，安装... 查看详情
grunt构建一个项目
准备工作：grunt基于node环境运行，所有先安装node.js1.安装grunt，通过node的npm的包管理工具 >npminstallgrunt--save-dev2.npminit在项目中引导创建一个package.json文件 >npminit3.新建一个Gruntfile的js文件，主要是写入grunt... 查看详情
grunt压缩html和css
...的工作.下面咱们来快速入门一下:Grunt和Grunt插件是通过npm安装并管理的,npm是Node.js的包管理器.所以也就是说,想要安装Grunt就必须要安装Node,想要安装G 查看详情
使用 grunt 自动化 npm 和 bower 安装
...想使用grunt任务来执行这两个安装命令。我一直不知道该怎么做。我尝试使用exec，但它实际上并没有安装任何东西。module.exports=function 查看详情
webpack、grunt、gulp
...个配置文件。（当然你也可以配置一些东西）2、不仅要安装webpack，还要安装webpack-cli3、增加mode配置（development|production）。对不同的环境启用不同的配置4、去掉了CommonsChunkPlugin（改成optimization.splitChunks进行模块划分）和UglifyJsPl... 查看详情