[Grunt] Cleaning your build folder with grunt-contrib-clean

Grunt will clean up your build with the grunt-contrib-clean to make sure that no artifacts from previous builds are hanging around.

 

Install:


 

npm install grunt-contrib-clean --save-dev

 

Example:


 

 

clean: {
            build: 'build'  //clean the build directory
        }

 

Use:


 

grunt clean:build

 

Now we can put clean, concat and uglify together:

/**
 * Created by Answer1215 on 11/16/2014.
 */
module.exports = function(grunt) {
    grunt.initConfig({
        stylus:{
            compile:{
                options: {
                    compress: false
                },
                files: {
                    "app/css/app.css": "styl/app.styl"
                }
            }
        },
        watch:{
            stylus:{
                files: ['styl/**/*.styl'],
                tasks: ['stylus:compile']
            },
            css:{
                options: {livereload: true},
                files: ['app/css/**.css']
            },
            html:{
                options: {livereload: true},
                files: ['**.html']
            },
            script: {
                options: {livereload: true},
                files: ['app/js/**.js']
            }
        },
        concat:{
            options: {
                separator: ';'
            },
            js:{
                src: ['bower_components/angular/angular.min.js', 'app/js/app.js', 'app/js/**.js'],
                dest: "build/app.js"
            }
        },
        uglify: {
            js: {
                src: ["build/app.js"],
                dest: "build/app.min.js"
            }
        },
        clean: {
            build: 'build'  //clean the build directory
        }
    });

    grunt.registerTask('build');

    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-stylus');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-clean');
}

 

转载于:https://www.cnblogs.com/Answer1215/p/4104150.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值