会coding的HAM

安装Grunt

1. npm init 初始化一个package.json
2. npm install -g grunt-cli  把grunt安装到系统文件夹中
3. 创建gruntfile.js 不能使用其它名字 必须与package.json 在同一级
4. 安装grunt： npm i grunt --save-dev
5. 写自己的所需要的需求
6. 添加自己所需要的插件：npm i grunt-contrib-concat --save-dev
7. 在终端上运行grunt

建议使用淘宝npm镜像，安装命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装淘宝的npm镜像后，安装npm模块可以使用：

cnpm install [name]

 

注册一个代码测试的任务

grunt.loadNpmTasks('插件类型')

合并代码的任务

grunt.loadNpmTasks('grunt-contrib-concat')

压缩js文件

grunt.loadNpmTasks('grunt-contrib-uglify')

压缩css文件

grunt.loadNpmTasks('grunt-contrib-cssmin')

 

wath插件 监视文件变动 做出相应动作

grunt.loadNpmTasks('grunt-contrib-watch')

运行 grunt watch

默认执行的任务列表

grunt.registerTask('default',['','','',])

grunt-contrib-clean 删除文件

grunt-contrib-compass 编译sass文件

grunt-contrib-copy 复制文件