• 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

     

  • 相关阅读:
    Delphi中的进制转换
    delphi inttohex 整型到十六进制
    delphi将程序最小化至右下角
    sql server 本地复制订阅 实现数据库服务器 读写分离
    我在DBGridEh增加一栏复选框及对应操作的解决方案
    Application.CreateForm()和TForm.Create()创建的窗体有什么区别么?二者在使用上各有什么技巧?(50分)
    学用 TStringGrid [6]
    SQL Server中一些有用的日期sql语句
    MVC中的@Html.DisplayFor等方法如何控制日期的显示格式(转)
    ASP.NET MVC自定义AuthorizeAttribute篇知识点讲解—登录限制
  • 原文地址:https://www.cnblogs.com/lanyueff/p/6482739.html
Copyright © 2020-2023  润新知