美文网首页
Grunt使用记录

Grunt使用记录

作者: 就当我扯淡 | 来源:发表于2016-01-16 17:57 被阅读28次

    简介

    Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。
    Grunt 0.4.x 必须配合Node.js >= 0.8.0
    版本使用。;奇数版本号的 Node.js 被认为是不稳定的开发版。

    在安装 Grunt 前,请确保当前环境中所安装的 npm 已经是最新版本,执行 npm update -g npm
    指令进行升级(在某些系统中可能需要 sudo
    指令)。
    如果你已经安装了 Grunt,现在需要参考一些文档手册,那就请看一看 Gruntfile
    实例
    和如何 配置任务吧。

    命令行

    在继续学习前,你需要先将Grunt命令行(CLI)安装到全局环境中。安装时可能需要使用sudo(针对OSX、*nix、BSD等系统中)权限或者作为管理员(对于Windows环境)来执行以下命令。

    安装

    npm install -g grunt-cli

    grunt-manifest插件使用

    npm install grunt-manifest --save-dev

    grunt-contrib-uglify插件使用

    npm install grunt-contrib-uglify --save-dev
    示例
    <code>
    module.exports = function(grunt) {
    // Project configuration.
    grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
    options: {
    banner: '/*! <%= pkg.name %> v<%= pkg.version %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
    },
    build: {
    src: 'src/report.js',
    dest: 'build/report<%= pkg.version %>.min.js'
    }
    }
    });
    // 加载包含 "uglify" 任务的插件。
    grunt.loadNpmTasks('grunt-contrib-uglify');
    // 默认被执行的任务列表。
    grunt.registerTask('default', ['uglify']);

    };
    </code>

    常用插件

    常用插件

    相关文章

      网友评论

          本文标题:Grunt使用记录

          本文链接:https://www.haomeiwen.com/subject/kbnfkttx.html