Grunt 安装
前提条件:电脑已经配置好 Node.js 的环境。
1 | $ npm install -g grunt-cli |
进入工程目录,运行以下命令生成 package.json
文件:
1 | $ npm init |
接着输入以下命令直接安装 Grunt:
1 | $ npm install --save-dev grunt |
除了安装 Grunt 以外,不同的项目还需要安装不同的 Grunt 插件模块。常用模块:
1 | $ npm install --save-dev load-grunt-tasks |
或一行命令解决:
1 | $ npm install --save-dev load-grunt-tasks grunt-contrib-jshint grunt-contrib-csslint grunt-htmlhint grunt-contrib-watch grunt-shell grunt-contrib-concat grunt-contrib-clean grunt-contrib-less grunt-autoprefixer grunt-contrib-uglify grunt-contrib-cssmin grunt-contrib-imagemin grunt-contrib-htmlmin |
模板文件
每次都要输入这么多命令,有时候会记不住。其实我们只需要一个 package.json
文件就可以搞定:
1 | { |
每次需要使用的时候,将该文件放到项目文件夹下,在终端中输入 npm install
即可自动安装相应的模块。
配置文件
安装完模块之后,还需要配置一下对应的工作参数。新建 Gruntfile.js
文件与 package.json
文件同一个目录下,内容为:
1 | module.exports = function(grunt) { |
以上内容需根据实际项目情况修改,仅作模板参考。