Gruntfile.js

65 阅读 0 评论 43 点赞

我是靠谱客的博主懵懂樱桃，最近开发中收集的这篇文章主要介绍Gruntfile.js，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

module.exports = function (grunt) {

    // Project configuration.
    grunt.initConfig({
        concat: {
            options: {
                separator: ';',
            },
            dist: {
                //   src: ['src/intro.js', 'src/project.js', 'src/outro.js'],
                src: ['src/js/*.js'],
                dest: 'build/js/built.js',
            },
        },
        pkg: grunt.file.readJSON('package.json'),
        uglify: {
          options: {
            banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' +
              '<%= grunt.template.today("yyyy-mm-dd") %> */'
          },
          my_target: {
            files: {
              'build/js/built.min.js': ['dist/built.js']
            }
          }
        },
        jshint : {
            options: {
              jshintrc : '.jshintrc' //指定配置文件
            },
            build : ['Gruntfile.js', 'src/js/*.js'] //指定检查的文件
          },
          cssmin: {
            options: {
              mergeIntoShorthands: false,
              roundingPrecision: -1
            },
            target: {
              files: {
                'build/css/built.min.css': ['src/css/*.css']
              }
            }
          },
          watch: {
            scripts: {
              files: ['src/js/*.js','src/css/*.css'],
              tasks: ['concat','uglify','jshint','cssmin'],
              options: {
                //   变量更新
                spawn: false,
              },
            },
          },
    });
    // 加载包含 "uglify" 任务的插件。
    // grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-watch');

    // 默认被执行的任务列表。
    grunt.registerTask('default', ['concat','uglify','jshint','cssmin']);
    grunt.registerTask('myWatch',['default','watch']);
};