zoukankan      html  css  js  c++  java
  • grunt---grunt_test 测试用例

    说明

    http://www.gruntjs.net/getting-started --grunt快速入门(创建package.json和Gruntfile.js
    准备一份新的 Grunt 项目
    一般需要在你的项目中添加两份文件:package.json 和 Gruntfile。

    package.json: 此文件被npm用于存储项目的元数据,以便将此项目发布为npm模块。你可以在此文件中列出项目依赖的grunt和Grunt插件,放置于devDependencies配置段内。

    Gruntfile: 此文件被命名为 Gruntfile.js 或 Gruntfile.coffee,用来配置或定义任务(task)并加载Grunt插件的。 此文档中提到的 Gruntfile 其实说的是一个文件,文件名是 Gruntfile.js 或 Gruntfile.coffee。

    http://blog.csdn.net/playboyanta123/article/details/43230831 安装
    http://caibaojian.com/grunt.html --安装

    http://caibaojian.com/grunt.html#t3

    http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html --值得研究

    package.json:

    {
    "name": "test_grunt",
    "version": "0.1.0",
    "devDependencies": {
    "grunt": "^1.0.1",
    "grunt-contrib-concat": "~0.1.1",
    "grunt-contrib-jshint": "~0.1.1",
    "grunt-contrib-uglify": "~0.1.2"
    }
    }

    Gruntfile.js配置参数:

      // Project configuration.
    module.exports = function(grunt) {
        // 使用严格模式
        'use strict';
    
        // 这里定义我们需要的任务
        grunt.initConfig({
         pkg: grunt.file.readJSON('package.json'),
        //其他任务
         concat: {  
             options: {  
                 separator: ';',  
                 stripBanners: true  
             },  
             dist: {  
                 src: [  
                     "js/EvenUtil.js",  
                     "js/222.js",
                 ],  
                 dest: "assets/js/default.js"  
             }  
         },  
         uglify: {  
             options: {  
             },  
             dist: {  
                 files: {  
                     'assets/js/default.min.js': 'assets/js/default.js'  
                 }  
             }  
         },  
         cssmin: {  
             options: {  
                 keepSpecialComments: 0  
             },  
             compress: {  
                 files: {  
                     'assets/css/default.css': [
                         "dist/css/test.css", 
                         "dist/css/common.css",  
                         "dist/css/public.css",  
                         "dist/css/index.css"  
                     ]  
                 }  
             }  
         }, 
            // 设置任务,删除文件夹
        clean: {
            dist: 'dist'
        },
    
        // 通过sass编译成css文件
        sass: {
            dist: {
                files: [{
                    expand: true,
                    cwd: 'scss',
                    src: ['*.scss'],
                    dest: 'dist/css',
                    ext: '.css'
                }]
            }
        },
             // 检测改变,自动跑sass任务
        watch: {
            scripts: {
                files: ['scss/*.scss','js/*.js','assets/css/*.css'],
                tasks: ['sass','concat','uglify','cssmin'],
                options: {
                    spawn: false
                }
            }
        }
    
    
        });
    
          grunt.loadNpmTasks('grunt-contrib-concat');  
          grunt.loadNpmTasks('grunt-contrib-uglify');  
          grunt.loadNpmTasks('grunt-contrib-cssmin');
        // 一定要引用着3个模块
        grunt.loadNpmTasks('grunt-contrib-clean');
        grunt.loadNpmTasks('grunt-contrib-sass');
        grunt.loadNpmTasks('grunt-contrib-watch');
        // 把需要跑的任务注册到default这里每次运行grunt的时候先删除dist,然后重新编译,最后监测文件夹的情况。
        grunt.registerTask('default', ['clean:dist', 'sass:dist', 'concat', 'uglify', 'cssmin', 'watch']);
    };
    View Code

     

  • 相关阅读:
    数据类型装换
    变量及数据类型
    27 网络通信协议 udp tcp
    26 socket简单操作
    26 socket简单操作
    14 内置函数 递归 二分法查找
    15 装饰器 开闭原则 代参装饰器 多个装饰器同一函数应用
    12 生成器和生成器函数以及各种推导式
    13 内置函数 匿名函数 eval,exec,compile
    10 函数进阶 动态传参 作用域和名称空间 函数的嵌套 全局变量
  • 原文地址:https://www.cnblogs.com/lanyueff/p/6482739.html
Copyright © 2011-2022 走看看