grunt 통합 압축 작업

7338 단어 grunt
module.exports = function(grunt) {



    // LiveReload      ,             

    var lrPort = 35729;

    //   connect-livereload  ,     LiveReload  

    // <script src="http://127.0.0.1:35729/livereload.js?snipver=1" type="text/javascript"></script>

    var lrSnippet = require('connect-livereload')({

        port: lrPort

    });

    //    middleware(   ),      LiveReload       

    var lrMiddleware = function(connect, options) {

        return [

            //

            lrSnippet,

            //           

            connect.static(options.base),

            //       (   IIS      )

            connect.directory(options.base)

        ];

    };



    //     (    )

    grunt.initConfig({

        //              pkg   

        pkg: grunt.file.readJSON('package.json'),

        //   connect  ,         

        connect: {

            options: {

                //       

                port: 8000,

                //      (       localhost,    IP)

                hostname: 'localhost',

                //     (   .     )  :  '.' '..'     ,     403 Forbidden.              :/grunt/reloard。

                base: '.'

            },

            livereload: {

                options: {

                    //   LiveReload  ,       。

                    middleware: lrMiddleware

                }

            }

        },

        //   watch  ,          

        watch: {

            client: {

                //             ,watch      LiveReload          。

                options: {

                    livereload: lrPort

                },

                // '**'           

                // '*'          

                files: ['html/*.html', 'css/*.css', 'js/*.js', 'images/**/*']

            },

        },

        concat: {           //    

            js: {       //      --  js

                files: {   //         'dist/js/test.js': ['js/*.js'],

                }

            },

            css: {        //      --  css

                files: {

                    'dist/css/test.css': ['css/*.css']

                }

            }

        },

        cssmin: {

            //        

            options: {

                banner: '/*creat: <%= new Date() %> */',

           compatibility: 'ie8', / / 호 환 모드 설정                  noAdvanced: true / / 고급 기능 취소
//    

                beautify: {

                    //  ascii ,    !          

                    ascii_only: true

                }

            },

            my_target: {

                files: [    //      ,              
{
'dist/css/common.min.css': ['css/common.css']},
{
'dist/css/index.min.css': ['css/index.css'],filter:'isfile'}
] }, my_target: { files: { //
'dist/css/common.min.css': ['css/common.css'],
'dist/css/commin.min.css':['css/common.css']
}

} } });
// grunt.initConfig // html js css grunt.loadNpmTasks('grunt-contrib-connect'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('live', ['connect', 'watch']); grunt.loadNpmTasks('grunt-contrib-concat'); // grunt.loadNpmTasks('grunt-contrib-cssmin'); };

좋은 웹페이지 즐겨찾기