zoukankan      html  css  js  c++  java
  • grunt记录

    grunt是nodejs下的一个任务运行器,通过配置文件可以很方便的执行一系列任务

    安装
      1.npm install -g grunt-cli  安装grunt辅助命令(可以直接在命令行中执行grunt命令)

      2.到给定目录

      3.npm install grunt --save-dev  安装grunt,如果有--save-dev选项则将grunt添加到package.json文件中的devDependencies属性中去

      4.安装grunt插件

      npm install grunt-contrib-jshint    
      npm install grunt-contrib-uglify        //压缩js的插件
      npm install grunt-contrib-requirejs
      npm install grunt-contrib-copy
      npm install grunt-contrib-clean
      npm install grunt-contrib-concat        //合并文件的插件
      npm install grunt-strip

      5.写package.json文件

    {
      "name": "demo",
      "file": "zepto",
      "version": "0.1.0",
      "description": "demo",
      "license": "MIT",
      "devDependencies": {
        "grunt": "~0.4.1",
        "grunt-contrib-jshint": "~0.6.3",
        "grunt-contrib-uglify": "~0.2.1",
        "grunt-contrib-requirejs": "~0.4.1",
        "grunt-contrib-copy": "~0.4.1",
        "grunt-contrib-clean": "~0.5.0",
    "grunt-contrib-concat":
    "grunt-strip": "~0.2.1" }, "dependencies": { "express": "3.x" } }

      6.写Gruntfile.js文件

    module.exports = function (grunt) {
      // 项目配置
      grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),        //将package.json文件的内容转换为json对象
        uglify: {
          options: {
            banner: '/*! <%= pkg.file %> <%= grunt.template.today("yyyy-mm-dd") %> */
    '
          },
          build: {
            src: 'src/<%=pkg.file %>.js',            //要压缩的文件名
            dest: 'dest/<%= pkg.file %>.min.js'        //压缩后文件的保存路径
          }
        }
      });
      // 加载提供"uglify"任务的插件
      grunt.loadNpmTasks('grunt-contrib-uglify');      //加载插件
      // 默认任务
      grunt.registerTask('default', ['uglify']);        //默认grunt任务
    }

      7.执行grunt任务

      在命令行中敲入grunt则开始执行默认任务

  • 相关阅读:
    HDU 1003 Max Sum
    HDU 1728 逃离迷宫
    UVA 10057 A midsummer night's dream.
    HDU 1232 畅通工程
    poj3331
    poj3481
    poj1053
    poj3281
    poj3199
    !!! Gridview的多种使用方法总结
  • 原文地址:https://www.cnblogs.com/gameshan/p/4626358.html
Copyright © 2011-2022 走看看