node.js
grunt
本经验跟大家分享前端自动化构建工具Grunt的一些最常用插件的配置方法，保证一学就会，请先确保安装好node.js和Grunt，具体安装方法请参考官网教程。
创建插件依赖的配置文件，就叫package.json吧，文件内容如下图。这几个参数为参数。name：当前项目名称version：版本号，必须是*.*.*的格式author：作者description：描述，可选private：是否为私有，如果为true则不会发布到npm上devDependencies：开发环境所依赖的其它插件，一般在安装插件时会自动配置dependencies：运行时所依赖的其它插件
新建一个grunt任务的配置文件。独木不成林，grunt如果不安装其它插件是没有意义的。配置文件创建好后，我们开始在initConfig这个函数中的参数对象中开始配置数据，所有的配置数据都是该对象的属性。而任务注册在根函数中配置。
grunt-contrib-concat作用：用于合并第三方的css和js文件，从而减少浏览器加载网页时请求资源次数。安装：在配置文件所在目录下输入npm install grunt-contrib-concat --save配置：concat属性名称中有两个属性，js和css，这个是可以自定义的。在js中，src属性的src属性数组指明了待合并的具体文件路径，dest属性表示合并后的文件路径。其中在合并css的时候使用了通配符*，表示合并目录下以.css为后缀的文件。效果：生成了整合后的文件
grunt-contrib-uglify作用：压缩js文件安装：在配置文件所在目录下输入npm install grunt-contrib-uglify --save配置：第一个配置表示压缩制定文件。第二个配置表示将制定文件夹下的文件进行压缩，一般用于业务逻辑模块的js效果：生成被压缩的js文件
grunt-contrib-cssmin作用：压缩css文件安装：在配置文件所在目录下输入npm install grunt-contrib-cssmin--save配置：第一个配置压缩指定目录下的css文件，第二个配置压缩指定css文件效果：复制了文件夹和文件
注册各个插件，并生成任务。执行grunt即会执行default中配置的插件。如果想单独执行某个插件，grunt xxx