Coursera - AngularJS 주 2 문제 내가 grunt 명령을 입력 한 후 js & css 파일이 생성되지 않았습니다.

Question

Grunt 도구를 처음 사용하면서 동영상과 같은 단계를 수행했지만 몇 가지 오류가 발생하여 전체 시작 다시,하지만 지금은 내가이 문제에 직면하고있어, 내가 CMD에 명령 "grunt"프로젝트 폴더의 디렉토리에 내가 좋은 모든 것을 얻을 때 입력했지만 자바 스크립트 파일이 배포 폴더 디렉토리에 생성 된 "dist/scripts ", 심지어 Uglify가 생성되지 않습니다. 강사 후 비디오에서

는 JS 파일 이름 "주요 로 DIST/스타일 디렉토리에 생성 된 이름"main.6c5adb2140e008f7bb85.js ", 및 CSS 파일 DIST/scripts 디렉토리에 생성 명령 꿀꿀 거리는 소리를 입력했습니다. d1901e133950f2e3aeae.css ", 또한 자신의 단말기에이 기록 된 자산 1 참조를 대체하고 추하게은 그림처럼 생성 :

대신

내가 자산에 0 참조를 대체 취득하고 추하게가 생성되지 않습니다

를

주문에 따라 비디오에서 모든 설치 명령을 수행했으며 필요한 모든 파일 (package.json, Gruntfile.js, app.js, .jshintrc)을 만든 후 을 입력하고 필요에 따라 usemin을 추가합니다. jit-grunt 그리고 그것을 registerTask에 추가하십시오. 여기에 Gruntfile.js 소스 코드는 다음과 같습니다

'use strict'; 

module.exports = function (grunt) { 
    // Time how long tasks take. Can help when optimizing build times 
    require('time-grunt')(grunt); 

    // Automatically load required Grunt tasks 
    require('jit-grunt')(grunt, { 
    useminPrepare: 'grunt-usemin' 
    }); 

    // Define the configuration for all the tasks 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 

     // Make sure code styles are up to par and there are no obvious mistakes 
     jshint: { 
      options: { 
       jshintrc: '.jshintrc', 
       reporter: require('jshint-stylish') 
      }, 
      all: { 
       src: [ 
        'Gruntfile.js', 
        'app/scripts/{,*/}*.js' 
       ] 
      } 
     }, 
     useminPrepare: { 
     html: 'app/menu.html', 
     options: { 
      dest: 'dist' 
     } 
     }, 

     // Concat 
     concat: { 
     options: { 
      separator: ';' 
     }, 
     // dist configuration is provided by useminPrepare 
     dist: {} 
     }, 

     // Uglify 
     uglify: { 
     // dist configuration is provided by useminPrepare 
     dist: {} 
     }, 
     cssmin: { 
     dist: {} 
     }, 
     // Filerev 
     filerev:{ 
     options: { 
      encoding: 'utf8', 
      algorithm: 'md5', 
      length: 20 
     }, 
     release: { 
      // filerev: release hashes(md5) all assets (images, js and css) 
      // in dist directory 
      files: [{ 
       src: [ 
        'dist/scripts/*.js', 
        'dist/styles/*.css', 
       ] 
      }] 
     } 
     }, 
     // Usemin 
     // Replace all assets with their revved version in html and css files. 
     // options.assetDirs contains the directories for finding the assets 
     // according to their relative paths 
     usemin: { 
     html: ['dist/*.html'], 
     css: ['dist/styles/*.css'], 
     options: { 
      assetsDirs: ['dist', 'dist/styles'] 
     } 
     }, 

     copy: { 
     dist: { 
      cwd: 'app', 
      src: [ '**','!styles/**/*.css','!scripts/**/*.js' ], 
      dest: 'dist', 
      expand: true 
     }, 

     fonts: { 
      files: [ 
      { 
       //for bootstrap fonts 
       expand: true, 
       dot: true, 
       cwd: 'bower_components/bootstrap/dist', 
       src: ['fonts/*.*'], 
       dest: 'dist' 
      }, { 
        //for font-awesome 
        expand: true, 
        dot: true, 
        cwd: 'bower_components/font-awesome', 
        src: ['fonts/*.*'], 
        dest: 'dist' 
       } 
      ] 
     } 
     }, 

     clean: { 
     build: { 
      src: [ 'dist/'] 
     } 
     } 
    }); 

    grunt.registerTask('build', [ 
    'clean', 
    'jshint', 
    'useminPrepare', 
    'concat', 
    'cssmin', 
    'uglify', 
    'copy', 
    'filerev', 
    'usemin' 
    ]); 

    grunt.registerTask('default',['build']); 
}; 

하시기 바랍니다 도움이 필요!

Answer 1

작성한 명령에 실수가없는 것처럼 보이지만 실수는 내 프로젝트 폴더에있는 HTML의 이름이 "menu.html"과 같은 이름이 아니며 Gruntfile에 쓴 것입니다 "meun.html"그것이 js & css 파일을 생성하지 않는 이유입니다!