用grunt搭建自动化的web前端开发环境实战教程(详细步骤) jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！前端自动化，这样的一个名词听起来非常的有吸引力，向往力。当今时代，前端工程师需要维护的代码变得及为庞大和复杂 ...

前言 现在前端自动化已经是家常便饭，各种工具也是层出不穷，grunt、gulp、webpack是应用最广的三种工具，虽然grunt看似已垂垂老矣，但是以前写的很多项目一直用的就是grunt，温故方能知新，这里把grunt的基本操作再记录一下。 grunt常用插件 开始使用grunt很简单 ...

上篇文章介绍了前端模块化开发工具seaJs，利用seaJs我们可以轻松实现前端的模块化编程，参见http://www.cnblogs.com/luozhihao/p/4818782.html 那么今天我继续介绍前端开发的另一工具——grunt。关于介绍grunt文章网上已经存在很多，而本文主要 ...

创建 Web 前端开发环境 Web 前端开发涉及多种工具，这里将常用工具的安装和配置进行说明，提供了详细的说明，为后继的开发创建一个坚实的基础。 本文介绍的工具有：NodeJS, NPM, Bower, Git 和 Grunt。 1. 安装 NodeJS 和 NPM ...

1、下载Node.js，建议下LTS的版本(可以使用JavaScript进行后端的开发) 下载地址：https://nodejs.org/en/ 2、安装Node.js(傻瓜式安装)3、进入cmd，输入 node -v 和 npm -v 查看是否安装成功 4、下载安装VScode ...

在不久前我曾写了一篇 应用r.js来优化你的前端 的文章，为大家介绍了r.js这个实用工具，它可以很好地压缩、合并前端文件并打包整个项目。但是如果将r.js放到项目中，我们不得不顾及到一个问题——项目每维护一次，就需要维护的人员输入一次rjs运行口令重新打包项目，自然是非常繁琐的事情 ...

前端优化是尽量减少http请求，所以我们需要尽量合并压缩文件，然后调用压缩后的文件，比如多个css文件压缩成一个，多个js文件合并压缩等，usemin能够自动在html中使用压缩后的文件，达到上面的目的。 上图是完整打包后的文件目录，原始目录是assets,打包发布的文件是dist. ...

1、安装 nodejs Grunt和所有grunt插件都是基于nodejs来运行的， https://nodejs.org/ 安装完成之后在终端 node -v 查看安装版本 npm -v 查看npm版本 选装cnpm 1.1、说明 ...