一个grunt文件模板

如下:

/**
 * Created by tkorays on 2015/1/15.
 */

module.exports = function(grunt) {

    grunt.initConfig({
        pkg: grunt.file.readJSON(‘package.json‘),

        /* ---------------------------------------------------------- */
        less:{
            /* 1) less文件编译 */
            build:{
                files:{
                    /* target:source */
                    "less/a.css":"less/a.less",
                    "less/b.css":"less/b.less"
                },
                modifyVars:{
                }
            }
        },
        /* ---------------------------------------------------------- */
        concat:{
            /* 2) [可选]部分css放到一个文件中 */
            csscat:{
                src: ["less/a.css","less/b.css"],
                dest: ‘less/all.css‘
            }
        },
        /* ---------------------------------------------------------- */
        cssmin:{
            options:{
                banner: ‘/*! Created By <%= pkg.author %> <%= grunt.template.today("yyyy-mm-dd") %> */\n‘
            },
            /* 3) 压缩css文件 */
            build:{
                src: "less/all.css",
                dest: "css/all.min.css"
            }
        },
        /* ---------------------------------------------------------- */
        watch:{
            options:{
                livereload: true,
                // default port 35729(livereload: portNum/true)
            },
            less:{
                files:[‘less/a.less‘],
                tasks:[‘less‘,‘concat‘,‘cssmin‘]
            },
            page:{
                files:[‘page/*.html‘],
                tasks:[]
            }
        },
        /* ---------------------------------------------------------- */
        uglify: {
            options: {
                banner: ‘/*! <%= pkg.name %> by <%= pkg.author %> <%= grunt.template.today("yyyy-mm-dd") %> */\n‘
            },
            build: {
                src: ‘less/*.js‘,
                dest: ‘js/all.min.js‘
            }
        }
    });

    grunt.loadNpmTasks(‘grunt-contrib-uglify‘);
    grunt.loadNpmTasks(‘grunt-contrib-concat‘);
    grunt.loadNpmTasks(‘grunt-contrib-less‘);
    grunt.loadNpmTasks(‘grunt-contrib-watch‘);
    grunt.loadNpmTasks(‘grunt-css‘);

    /*
     * 默认只处理css
     */
    grunt.registerTask(‘default‘, [‘less‘,‘concat‘,‘cssmin‘]);
    /*
     * 最后release版本
     * 需要压缩(uglify)javascript文件,编译less、压缩(cssmin)css文件
     */
    grunt.registerTask(‘release‘,[‘less‘,‘concat‘,‘cssmin‘,‘uglify‘]);

};
时间: 2024-10-21 15:08:14

一个grunt文件模板的相关文章

thinkphp 使每个模板页都包含一个header文件和一个footer文件

在开发的过程中,经常遇到要使每个模板页都包含一个header文件和一个footer文件,thinkPHP的模板布局为我们提供了一个叫全局配置方式能够解决这个问题. 1. 在配置文件中开启LAYOUT_ON 参数(默认不开启),并且设置布局入口文件名LAYOUT_NAME(默认为layout) 'LAYOUT_ON'=>true, 'LAYOUT_NAME'=>'layout', 2. 在模板目录下建立一个layout.html文件,文件内代码如下: <include file="

thinkphp 使每一个模板页都包括一个header文件和一个footer文件

在开发的过程中,常常遇到要使每一个模板页都包括一个header文件和一个footer文件.thinkPHP的模板布局为我们提供了一个叫全局配置方式可以解决问题. 1. 在配置文件里开启LAYOUT_ON 參数(默认不开启),而且设置布局入口文件名称LAYOUT_NAME(默觉得layout) 'LAYOUT_ON'=>true, 'LAYOUT_NAME'=>'layout', 2. 在模板文件夹下建立一个layout.html文件,文件内代码例如以下: <include file=&q

QT基础(五)QT工程pro文件模板变量 使用

QT工程pro文件模板变量(TEMPLATE)模板变量告诉qmake为这个应用程序生成哪种makefile.下面是可供使用的选择: app - 建立一个应用程序的makefile.这是默认值,所以如果模板没有被指定,这个将被使用. lib - 建立一个库的makefile. vcapp - 建立一个应用程序的Visual Studio项目文件. vclib - 建立一个库的Visual Studio项目文件. subdirs - 这是一个特殊的模板,它可以创建一个能够进入特定目录并且为一个项目文

AS 代码模板 文件模板 Templates

修改 File and Code Templates Settings –> Editor –>[File and Code Templates] 或者在右键new时选择子菜单[Edite File Templates...] 添加.修改文件模板 Files –> [Files],可用来修改.添加新建某类型文件(比如Class.Interface.C++)时的文件模板 此文件保存位置[C:\Users\Administrator\.AndroidStudio2.3\config\file

使用C++ boost从零构建一个异步文件IO系统

前言 因为本科毕业设计中要做一个分布式文件系统,其中一个模块需要实现文件IO.为了验证我对异步IO的理解,决定造一个异步文件IO的轮子.操作系统已经给出各种异步操作的API,如重叠IO, IOCP,kqueue,select,poll,epoll等机制,而且C++也有很多跨平台的异步IO库,如libevent,boost::asio等.我参考已有的实现来完善这个小系统的功能. 渣技术,渣代码,出现问题请各位指出. 概述 同步与异步: 同步:假如我想对一个文件(socket也同理)进行处理,那么一

discuz门户首页-header文件模板语法详解和注释

header文件引用了跟多通用模板,所以整个文章会很长,现在比较忙,注释工作会不定期进行 首先开下门户首页的文件 portal里面的index.htm <!--{template common/header}--> //引用common文件下的header.htm这个也是引用模板文件的一种常用方法 <style id="diy_style" type="text/css"></style> //没什么用 <div class

C#对Excel文件模板的完全读取

针对"C#对Excel文件模板的完全读取"这样的一个题目,其实好像描述得不大对.在此再描述下: 如下代码主要是通过对一个Excel模板文件的读取,然后再想模板中填入对应的数据之后,另存为一个新的Excel文件.此文件完全符合原模板要求.(因为原Excel是带有很多样式和公式的,单独只提取原Excel的数值,是很难符合具体工作的需求的.) 源码: 需添加引用:using Excel = Microsoft.Office.Interop.Excel; private void insert

pycharm预定义文件模板变量

可用的预定义文件模板变量为: $ {PROJECT_NAME} - 当前项目的名称. $ {NAME} - 在文件创建过程中在"新建文件"对话框中指定的新文件的名称. $ {USER} - 当前用户的登录名. $ {DATE} - 当前的系统日期. $ {TIME} - 当前系统时间. $ {YEAR} - 今年. $ {MONTH} - 当月. $ {DAY} - 当月的当天. $ {HOUR} - 目前的小时. $ {MINUTE} - 当前分钟. $ {PRODUCT_NAME}

代码风格与文件模板

1.文件模板 敢问童鞋们,是否有见过其他人的pycharm代码,上方总有一行"注释"一样的代码? 既能保留当时写代码的时间,也能指定文件字符编码,竟然还可以有一个署名!作者权呀! 因此这部分教程主要介绍如何创建一个Python工程并使其具有Pycharm的代码风格.你将会看到Pycharm使你的源码变得非常简洁美观,带有合适的缩进.空格等等,因此Pycharm也是一款代码质量管理的利器. 打开一个新建的Python文件进行编辑(F4),这个文件中默认有两行代码:作者姓名和工程名称.之所