Gruntfile.js 설정 - 1

http://gruntjs.com/sample-gruntfile

위 페이지에서 Sample Gruntfile 을 복사한 후, Gruntfile.js 라는 이름으로 파일 생성 후

붙여 넣는다.

Grunt 설정이 처음이라면 실행이 안될 수 있다.

module.exports = function(grunt) {

  grunt.initConfig({

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

    concat_css: {

        options: {

          // Task-specific options go here.

        },

        all: {

          src: ["src/*.css"],

          dest: "src/styles.css"

        },

      }

  });

    grunt.loadNpmTasks('grunt-concat-css');

    grunt.registerTask('default', ['concat_css']);

};

이렇게만 입력 한 후, 저장하자.

1. 프로젝트에 사용할 packge 다운로드

https://www.npmjs.com/ 접속

(NPM 이란 Node Package Manager 의 약자 이다)

2. 위 사이트에서 grunt-concat-css 검색한다.

해당하는 작업의 설명이 나온다.

설명대로 원하는 프로젝트 폴더에서 명령어를 입력하고, 필요한 명령어를

Gruntfile.js 에 등록해준다.

all 이라는 속성에는 개별 지정이 아닌 모든 css 파일을 선택하는 부분이다.

경로는 알아서 잘 지정 해주자.

css 위치 정도는 알겠죠? 'ㅂ' 

자신의 프로젝트 폴더의 css 파일이 어디 있는지 찾아보세요.

dest 는 style.css 라는 이름으로 어디에 만들어질지 결정해주는 곳입니다.

그리고 나서, 콘솔창의 해당폴더에서 grunt 라고 입력해주면. 자동으로 빌드가 됩니다.