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

4173 단어 Install
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
gruntgrunt.registerTask('default', ['less', 'watch']);grunt buildgrunt.registerTask('build', ['htmlmin', 'uglify', 'cssmin', 'imagemin']);grunt livegrunt.registerTask('live', ['livereload-start', 'connect', 'regarde']);
 
 
xp 시스템 nodemodules 에 파일 디 렉 터 리 가 너무 깊 어서 삭제 할 수 없습니다.파일 을 잘라 서 삭제 해 야 합 니 다.

좋은 웹페이지 즐겨찾기