一个grunt文件模板

最新推荐文章于 2020-08-09 13:02:59 发布

言剑~

最新推荐文章于 2020-08-09 13:02:59 发布

阅读量1.1k

点赞数

分类专栏： web开发文章标签： grunt

本文链接：https://blog.csdn.net/tkorays/article/details/42744133

版权

web开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

如下：

/**
 * 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']);

};