Grunt는 자바스크립트 빌드 도구로 많은 작업을 자동화할 수 있습니다. 이 중 하나는 사용되지 않는 변수와 함수를 자동으로 제거하는 것입니다. 이를 위해 Grunt의 플러그인 중 하나인 grunt-contrib-uglify를 사용할 수 있습니다.

먼저, grunt-contrib-uglify를 설치해야 합니다. 터미널에서 다음 명령어를 실행하여 설치할 수 있습니다:

npm install grunt-contrib-uglify --save-dev

그런 다음, Gruntfile.js 파일을 열고 grunt-contrib-uglify 태스크를 구성해야 합니다. 아래는 예제 태스크 구성입니다:

module.exports = function(grunt) {
  grunt.initConfig({
    uglify: {
      options: {
        mangle: true,
        compress: true
      },
      build: {
        src: 'src/*.js',
        dest: 'dist/app.min.js'
      }
    }
  });
  
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.registerTask('default', ['uglify']);
};

위의 예제에서, src/*.js에 있는 자바스크립트 파일을 빌드하여 dist/app.min.js에 저장합니다. uglify 태스크에서 mangle 옵션을 true로 설정하여 변수와 함수 이름을 난독화합니다. compress 옵션을 true로 설정하여 압축된 결과를 생성합니다.

실행하기 위해, 터미널에서 다음 명령어를 입력합니다:

grunt

위의 명령어를 실행하면 Grunt는 src/*.js에 있는 파일을 빌드하여 dist/app.min.js 파일에 저장하고, 사용되지 않는 변수와 함수를 자동으로 제거합니다.

자세한 내용은 Grunt 공식 문서를 참조하시면 도움이 될 것입니다:

• Grunt 공식 문서
• grunt-contrib-uglify GitHub 페이지

이를 통해 Grunt를 사용하여 사용되지 않는 변수와 함수를 자동으로 제거할 수 있습니다. 이를 통해 더 효율적인 자바스크립트 코드를 작성할 수 있습니다.