grunt的使用方法,环境配置和插件安装

虽然现在grunt的用的越来越少了,但是插件数量还是相当多的,另外grunt和gulp的使用相当相似;

grunt需要安装node和npm

验证node是否安装:node -v

验证npm是否安装:npm -v

下面是具体的使用方法:

1》安装全局的配置环境 npm install -g grunt-cli

2》安装grunt 在命令行中运行命令 npm install grunt --save-dev (这样输入的是每个项目都必须重新安装grunt) 这里如果想使用全局的就加-g ,如果只是本次项目用grunt,就不用加-g全局

2》准备两个文件

a> Gruntfile.js 文件 ---》文件书写按照对应要使用的模块的内容来写

主任务和模块名称一致

子任务 / src: 需要压缩的文件路径
dest :压缩后的路径和名称,没有路径会创建
只压缩代码,不修改参数的名字 options/ mangle/ Default:{} 默认是true 混淆参数 false 是不混淆

运行命令 grunt uglify

b>配置任务 package.json 文件 关于项目的配置信息文件 记录项目的详细信息

注意这步必须在安装完grunt后操作

编辑 package.json 文件有两种方法:
①在官网找一个package.json文件复制到编辑器中,进行修改并保存到你操作grunt的文件夹中;
②用nodejs命令行创建一个package.json文件:
在你操作grunt的文件夹中运行命令行,输入npm init 回车,然后会提示你输入一系列信息内容(每次输入信息完成后按回车),信息如下:

name: (grunt)
version: (1.0.0)
description:
entry point: (Gruntfile.js)
test command:
git repository:
keywords:
author:
license: (ISC)

完成后会显示所有你输入过的信息并提示你填写yes
信息如下:

About to write to D:\grunt\package.json:

{
"name": "grunt",
"version": "1.0.0",
"description": "",
"main": "Gruntfile.js",
"dependencies": {
"grunt": "^1.0.1",
"grunt-contrib-uglify": "^2.0.0"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

Is this ok? (yes) yes

执行到此步骤环境配置完成,剩下的就是挑选你需要的模块了

3》下载模块

在官网找到你需要的模块内容

官网--插件列表(头部)--选择需要的插件
注意:
官方维护的都带星号
不带星号的都是第三方的插件

使用插件的步骤:
⑴下载插件(模块)
⑵配置模块

每个插件的详解中都有如何下载该模块,首先在你操作grunt的文件夹中运行命令行,然后执行对应下载插件的命令,然后按照插件的说明配置Gruntfile.js文件(注意Gruntfile.js 文件名使唯一的每次只能修改内容)

转载请注明‘转载于Jason齐齐的博客http://www.cnblogs.com/jasonwang2y60/’

时间: 2024-10-12 05:05:12

grunt的使用方法,环境配置和插件安装的相关文章

python的开发环境配置-Eclipse-PyDev插件安装

安装PyDev插件的两种安装方法: 1.百度搜索PyDev 2.4.0.zip,下载后解压,得到Plugins和Feature文件夹,复制两文件夹到Eclipse目录,覆盖即可. 完成后重启Eclipse,若在Eclipse菜单Help->About Eclipse->Installation Detail->Plug-ins,能看到PyDev组件,则表示安装成功. 2.直接在Eclipse中选择菜单:Help-Install New Software..-Add,输入http://py

vim配置及插件安装管理(超级详细)

vim配置及插件安装管理(超级详细) 分类: Linux 相关2012-07-26 09:34 97079人阅读 评论(18) 收藏 举报 vimsearchbuffertags浏览器microsoft 1 写在前面   Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个好用的IDE是何等的重要啊, 估计很多人就是卡在这个门槛上了, "工欲善其事, 必先利其器"

mac JDK9的安装与环境配置以及Tomcat安装错误问题的解决

MAC JDK9的安装与环境配置以及Tomcat安装错误问题的解决 在终端出现: Unable to find any JVMs matching version "(null)".No Java runtime present, try --request to install.Neither the JAVA_HOME nor the JRE_HOME environment variable is definedAt least one of these environment

ios开发环境配置及cordova安装与常用命令

一.ios开发环境配置 1.首先要有台Mac Book,如果有Mac Book,跳过步骤2.3.4,如果没有,执行步骤2.3.4: 2.下载并安装VMware Workstation,最好是下最新版本: 3.下载并安装unlock-all(VMware Workstation默认限制安装Mac虚拟机,需要安装此文件后解除限制); 4.下载Mac OS操作系统的镜像文件(需要是.ios文件)如果下载的是.dmg文件,需要用 anytoiso.exe工具转换成.ios文件,下载完成后在VMware

MV3D中环境配置,解决安装python shapely时缺少 geos库的问题

MV3D 环境配置需要安装 shapely库在pip install shapely 的时候报错 发现没有geos库 先安装VS 2013 然后出现打开CMD下载 geos库下载geos-3.5.0,放在d:\geos350中下载网站:http://trac.osgeo.org/geos/ atuogen.batnmake /f makefile.vc之后在src目录下生成将文件拷贝到system32目录然后安装 pip install shapely 请注意 你的系统是64位的 就要用 vcv

Mac开发环境配置相关:安装GCC

来自: Mac安装GCC Mac中的开发工具链都是围绕xcode展开的,但是对于 只想使用gcc,g++编译c/c++代码的情况,装一个xcode实在没有必要.更新:4.3版本的xcode已经将图形开发界面和命令行工具分开了发 布了.还有即使装了xcode,默认带的gcc编译器都是lvmm做前端的,并非纯正的gnu gcc.如果你想用纯正的gcc,最好的办法就是自己手动编译一个.主要有两个方法: 1. 通过homebrew安装 这种方法比较简单,前提是mac上已经安装homebrew了,具体命令

perl环境配置以及Eclipse安装perl开发插件

简介: 这篇文章将详细介绍 EPIC 组件的安装,EPIC 编辑环境,调试运行环境,着重介绍如何使用 EPIC 来快速.简便.准确地调试 Perl 语言程序,包括对于 Perl 程序的单步执行,断点用法,局部.全局变量实时监控,子函数执行监控,错误以及警告信息实时显示等等内容.利用 EPIC 强大编辑以及调试功能,可以将 Perl 语言适合花短时间完成程序的特点发挥地淋漓尽致,为 tester 的自动化测试脚本提供更加人性化的设计.调试环境. 安装前准备 安装之前需要准备几个重要的组件: Per

Sublime text 3配置Python3开发环境及常用插件安装

一.环境准备 1.官方网站地址 2.Windows 10 二.安装Sublime Text 3 1.双击下载的.exe文件安装,安装路径不要有中文目录 2.安装Sublime Text 3时,勾选"Add to explorer context menu",可以在文件右键菜单添加"Open with Sublime Text",方便使用Sublime Text打开文件. 三.配置Python环境 运行环境 1.打开Tools > Build System &g

D语言在VS中的开发环境配置 – Visual-D插件

VS作为windows下强大的开发工具,这里不作介绍.要使用VS工具来开发D语言需要使用到以下几个工具VS的一个插件VisualD插件及DMD编译器. 一.下载相关工具 1.下载Visual Studio工具 VS可以在http://msdn.itellyou.cn/网站上下载,这个网站比较稳定,如下图所示,我下载的是Visual Studio 2013 Update 3,这个工具共有3.98GB,软件比较大,使用迅雷下载比较好. 2.下载DMD编译器 DMD是D语言的一种编译器,该编译器自2.