☀【Grunt】package.json, Gruntfile.js, npm install, grunt

npm install --registry http://registry.npm.taobao.org/ 切换源

 

Grunt.js 在前端项目中的实战
http://beiyuu.com/grunt-in-action/

package.json

{  
  "name": "my-project-name",  
  "version": "0.1.0",  
  "devDependencies": {  
    "grunt": "~0.4.1",  
    "grunt-contrib-htmlmin": "~0.1.3",  
    "grunt-contrib-cssmin": "~0.6.1",
    "grunt-contrib-uglify": "~0.2.2",
    "grunt-contrib-imagemin": "~0.1.4",
    "grunt-regarde": "latest",
    "grunt-contrib-connect": "latest",
    "grunt-contrib-livereload": "latest"
  }
}

Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        sass: {
            compile: {
                files: {
                    'css/core.css': ['css/core.scss']
                }
            }
        },
        cssmin: {
            combine: {
                files: {
                    'css/core.css': ['css/core.css']
                }
            }
        },
        uglify: {
            options: {
                mangle: false
            },
            build: {
                files: {
                    'js/core.js': ['js/core.js']
                }
            }
        },
        imagemin: {
          dist: {
              options: {
                  optimizationLevel: 3
              },
              files: [{
                  expand: true,
                  cwd: 'imgsss/',
                  src: ['**/*.{png,jpg,jpeg}'],
                  dest: 'imgssss/'
               }]
            }
        },
        watch: {
            scripts: {
                files: [
                    'css/*.scss',
                    'js/*.js'
                ],
                tasks: ['sass', 'cssmin', 'uglify']
            }
        }
    });
 
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-imagemin');
    grunt.loadNpmTasks('grunt-contrib-watch');
 
    grunt.registerTask('default', ['sass', 'cssmin', 'uglify', 'imagemin', 'watch']);
};

npm install

grunt

grunt
grunt.registerTask('default', ['less', 'watch']);
grunt build
grunt.registerTask('build', ['htmlmin', 'uglify', 'cssmin', 'imagemin']);
grunt live
grunt.registerTask('live', ['livereload-start', 'connect', 'regarde']);

xp系统node_modules里文件目录层级太深不能删除需要把文件剪切出来删除