Grant简介以及安装

          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追踪

上一篇:给radio加自己的样式(图片)


下一篇:Linux内存使用方法详细解析