Grant简介以及安装

Posted 2020-08-28

　　　　　　　　　　Grant简介以及安装

1. 1.   安装Grunt-cli需要使用npm,全局安装

 命令：npm install –g grunt-cli（可能会涉及权限问题）

注意，安装grunt-cli并不等于安装了 Grunt！Grunt CLI的任务很简单：调用与Gruntfile在同一目录中 Grunt。

这样带来的好处是，允许你在同一个系统上同时安装多个版本的 Grunt。

这样就能让多个版本的 Grunt 同时安装在同一台机器上。

　　npm时node.js的包管理工具（

　　　　Grunt基于Node.js,用js开发（依赖Node.js）

　　　　Grunt和插件，都作为一个包，可以用npm安装进行管理。

　　）

1. 2.   生成Package.json，该文件是node.js描述项目的文件
2. 3.   安装grunt
   1. 1.   合并文件 grunt-contrib-concat
   2. 2.   语法检查 grunt-contrib-jshint
   3. 3.   Scss编译 grunt-contrib-sass
   4. 4.   压缩文件 grunt-contrib-uglify
   5. 5.   监听文件变动 grunt-contrib-watch
   6. 6.   建立本地服务器 grunt-contrib-connect

执行命令：nmp install grunt –-save-dev

表示安装grunt到当前的项目，--save-dev参数表示将安装的东西添加到package.json 文件中

Gruntfile.js文件的作用

1. 1.   任务配置代码

具体的任务配置代码以对象格式放在grunt.initConfig函数里

pkg:grunt.file.readJSON(‘pakage.json’);读取pakage,json文件

1. 2.   插件加载代码

Grunt.loadNpmTasks(‘grunt-contrib-uglify’);

将grunt-contrib-uglify插件加载

1. 3.   任务注册代码

Grunt.registerTask(‘default’,[‘uglify’]);

项目文件的传输协作

问题：依赖文件过大（node_modules文件下）

Package.json这个文件中记录了这个项目依赖的grunt插件，在项目文件下输入命令npm install ，npm会自动读取package.json文件，将grunt相关的插件下载下来

把不需要上传的文件在.gitignore文件中过滤掉，禁止git追踪