grunt学习总结

1、安装nodejs

2、安装grunt命令行（CLI）到全局环境中。

npm install -g grunt-cli

3、新建工作目录（建个文件夹）

4、package.json文件，放在根目录。

此文件可以通过 npm init 生成，也可以自己手动新建把代码copy进去~（可能在安装插件前，先设置好pakage.json）

{
  "name": "my-project-name",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-uglify": "~0.5.0"
  }
}

 

　

5、安装grunt插件

• 合并文件：grunt-contrib-concat
• 语法检查：grunt-contrib-jshint
• Scss 编译：grunt-contrib-sass
• 压缩文件：grunt-contrib-uglify
• 监听文件变动：grunt-contrib-watch
• 建立本地服务器：grunt-contrib-connect

• 移动打包文件grunt-contrib-copy

• requirejs插件grunt-contrib-requirejs

npm install --save-dev grunt-contrib-concat grunt-contrib-jshint grunt-contrib-sass grunt-contrib-uglify grunt-contrib-watch grunt-contrib-connect grunt-contrib-requirejs grunt-contrib-copy

-save和save-dev可以省掉你手动修改package.json文件的步骤。
spm install module-name -save 自动把模块和版本号添加到dependencies部分（生产环境）
spm install module-name -save-dve 自动把模块和版本号添加到devdependencies部分（开发环境）

安装完插件后，目录下会多出文件夹node_modules

6、Gruntfile.js或gruntfile.coffee文件，放在根目录

与 Grunt 有关的主要有三块代码：任务配置代码、插件加载代码、任务注册代码。

顾名思义，这三块代码，任务配置代码就是调用插件配置一下要执行的任务和实现的功能，插件加载代码就是把需要用到的插件加载进来，任务注册代码就是注册一个 task，里面包含刚在前面编写的任务配置代码。

6、安装grunt

npm  instal grunt --save-dev

 7.增加版本号

 

 

8.uglify 

默认混淆变量名。

mangle: false, //不混淆变量名