原文地址:Grunt学习使用必看 grunt简介神马的不多说,到处一大堆. 我只说说我已经实现了的代码. 按照官方的教程 相信已经配置好了,接下来说 package.json 和 Gruntfile.js这2个文件,package.json是为了告诉grunt我们用哪些插件,这些插件的版本是多少,以及我这个项目的一些信息. 那有人说我怎么知道我需要什么插件,我怎么写这个文件?请看官方的例子: { "name": "my-project-name", "ve…

本文主要讲Grunt任务配置. 说明:本文所有示例都基于Grunt 0.4.5版本. 一 说明 使用Grunt实现项目的打包等工程化工作,实际上是通过Grunt提供的机制和插件,配置一个个任务(例如:拷贝内容.混淆压缩.格式检查.清除等),当输入grunt命令时,就逐个执行配置好的任务,从而实现项目打包等工程化工作. Grunt的任务配置都是在 Gruntfile.js文件 中的grunt.initConfig(configObj)参数configObj中指定的.如果你还不知道 Gruntfil…

有些时候,项目中的静态资源,比如图片占用的文件有点大,影响加载的速度,所以会选择grunt对其进行压缩打包.对于grunt其他的用法,还在继续学习中,先记录下关于grunt的一些学习. grunt是一套基于Node.js的命令行工具,所以先确保环境中已安装好了Node环境. 接着安装grunt,如下: 1.安装CLI CLI是grunt命令行,先将其安装到全局环境中.点击开始->运行->cmd,执行以下命令进行安装: npm install -g grunt-cli 安装一次即可,以后就可以在…

什么是grunt?  Grunt是一个JavaScript任务运行器,用于自动执行频繁任务(如压缩,编译,单元测试)的工具.它使用命令行界面来运行在文件中定义的自定义任务(这个文件称为Gruntfile). Grunt由Ben Alman创建,用Node.js编写.它通过npm分发.现在,Grunt生态系统中有超过5,000个插件可用. 如何使用grunt? 基本概念 1.CLI(Command-line interface):Grunt的命令行界面(CLI)可以通过npm全局安装.执行grun…

Grunt和 Grunt 插件是通过npm安装并管理的, npm是Node.js的包管理器. 第一步:先安装node.js环境 第二步:安装Grunt-CLI 在node.js命令工具中输入npm install -g grunt-cli 敲击回车即可安装. -g为在全局安装. 第三步:在本地建一个文件夹,dos命令进入该文件夹下,输入npm init 配置package.json. 第四步:配置好了包的json文件,这一步开始安装Grunt,输入命令 npm install grunt --s…

1. 在使用grunt前需要执行的几条命令和用途 npm uninstall -g grunt  删除掉全局grunt npm install -g grunt-cli 把grunt加入你的系统搜索路径中 npm init 自动创建一个基本的 package.json 文件 npm install <module> –save-dev  安装一个grunt插件,并在package.json文件中将它添加到devDependencies属性中(目前尚不清楚devDependencies和depe…

1 grunt 安装  全局安装 npm install -g grunt-cli 2 配置好package.json 和 Gruntfile 文件,这两个文件必须位于项目根目录下. 2.1package.json配置实例 {{ "name": "web", "version": "2.1.0", "description": "A simple ui framework based on Zep…

你需要检查js语法错误,然后再去压缩js代码.如果这两步你都去手动操作,会耗费很多成本.Grunt就能让你省去这些手动操作的成本. “—save-dev”的意思是,在当前目录安装grunt的同时,顺便把grunt保存为这个目录的开发依赖项.看到“开发依赖项”这一次,是不是觉得有些眼熟?上文在配置package.json时,其中的“devDependencies”中就会存储开发依赖项. 下面就是一些常有grunt开发依赖插件 Contrib-jshint——javascript语法错误检查:Con…

bower是什么?官网给出的  a package manager fow the web.简单说引入文件版本管理,例如jquery,传统做法到jquery的官网下载下,在引入,这样比较繁琐,也不利用自动化,bower就是解决这一问题. 一.bower的安装 npm install -g bower # npm安装包就不多说 二.检测bower bower -v 三.以jquery为例提供四种方法,分别是官方提供.git的remoteRepository.github地址.url # regis…

1. 新建文件和文件目录 mkdir grunt-in-action cd grunt-in-action cd grunt-in-action mkdir grunt-empty cd grunt-empty vim index.html mkdir js cd js vim index.js cd .. 2. npm和grunt初始化 npm init npm install grunt --save-dev npm install //如果想要node_module,就 加载 3. 安装t…