码迷,mamicode.com
首页 > 其他好文 > 详细

[Grunt] Minifying your output with grunt-uglify

时间:2014-11-17 19:24:24      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   io   color   ar   sp   java   for   

For production we want to use minified javascript to reduce the payload that is sent from the server. This can easily be accomplished with grunt-uglify.

 

Install:


npm install grunt-contrib-uglify --save-dev

 

Example:


 

 

/**
 * 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"
            }
        }
    });


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

 

Use:


 

grunt uglify

 

[Grunt] Minifying your output with grunt-uglify

标签:des   style   blog   io   color   ar   sp   java   for   

原文地址:http://www.cnblogs.com/Answer1215/p/4104132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!