Grunt는 자바스크립트 빌드 도구로써 많은 작업을 자동화할 수 있습니다. 사용하지 않는 코드를 제거하는 일은 코드를 최적화하고 성능을 향상시키는 데 도움이 됩니다.

여기에서는 Grunt의 grunt-contrib-uglify 플러그인을 사용하여 사용하지 않는 코드를 제거하는 방법을 알아보겠습니다.

먼저, 프로젝트 폴더에서 Grunt를 설치하고 grunt-contrib-uglify 플러그인을 추가해야 합니다. 아래의 명령어를 실행하여 두 가지 작업을 수행할 수 있습니다.

npm install -g grunt-cli    // 전역으로 Grunt CLI 설치
npm install grunt --save-dev    // 프로젝트에 로컬로 Grunt 설치
npm install grunt-contrib-uglify --save-dev    // 프로젝트에 로컬로 grunt-contrib-uglify 설치

위의 작업을 완료한 후, 프로젝트 폴더에 Gruntfile.js라는 파일을 생성하고 아래의 내용을 추가합니다.

module.exports = function(grunt) {
  grunt.initConfig({
    uglify: {
      my_target: {
        files: {
          'dist/output.min.js': ['src/input.js']
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.registerTask('default', ['uglify']);
};

위 설정에서 src/input.js를 대상으로 하여 dist/output.min.js에 최적화된 파일을 생성합니다.

그리고 터미널에서 다음 명령어를 실행하여 Grunt를 실행합니다.

grunt

이렇게 하면 Gruntfile.js를 기반으로 Uglify 플러그인이 자바스크립트 파일을 분석하고 사용하지 않는 코드를 제거하여 최적화된 파일을 생성합니다.

이제 사용하지 않는 코드를 제거한 최적화된 파일인 output.min.js를 사용할 수 있습니다.