zoukankan      html  css  js  c++  java
  • grunt之easy demo

    首先安装grunt-cli

    cnpm install -g grunt-cli

    接下来创建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-concat": "~0.5.0",  
            "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-strip": "~0.2.1"  
          },  
          "dependencies": {  
            "express": "3.x"  
          }  
        } 

    也可以使用npm init来进行初始化

    创建Gruntfile.js,只做合并和压缩

        module.exports = function (grunt) {  
          grunt.initConfig({  
          concat: {  
            options: {  
            },  
            dist: {  
              src: ['src/**/*.js'],//src文件夹下包括子文件夹下的所有文件  
              dest: 'dist/built.js'//合并文件在dist下名为built.js的文件  
            }  
          },  
          uglify: {  
             build: {  
                src: 'dist/built.js',//压缩源文件是之前合并的buildt.js文件  
                dest: 'dist/built.min.js'//压缩文件为built.min.js  
              }  
           }  
        });  
          grunt.loadNpmTasks('grunt-contrib-uglify');  
          grunt.loadNpmTasks('grunt-contrib-concat');  
            
          grunt.registerTask('default', ['concat','uglify']);  
        } 

    接下来执行cnpm(npm) install,下载好依赖包

    接下来执行grunt

  • 相关阅读:
    C# 之 HttpRequest 类
    C# 之 日常问题积累(一)
    DataGrid前台数据绑定技巧
    [转]C,C++开源项目中的100个Bugs
    10行Python代码解决约瑟夫环(模拟)
    基于ASP.NET的comet简单实现 http长连接,IAsyncResult
    架构设计分享之权限系统(看图说话)
    内核request_mem_region 和 ioremap的理解
    【调侃】IOC前世今生 工厂模式 反射 依赖倒置
    ecos内核概览--bakayi译
  • 原文地址:https://www.cnblogs.com/benchan2015/p/4746456.html
Copyright © 2011-2022 走看看