javascript - que - npm angular templatecache

Grunt usemin task no funciona en archivos anidados al tiempo que reduce archivos angulares

Question

La estructura de mi documento es root-> public-> angular-> scripts-> main-> app.js. He usado el generador angular yeoman y configuré el gruñido. Mi archivo html se ve así

    <div>
    <script src="bower_components/jquery/jquery.js"></script>
    <script src="bower_components/angular.js"></script>

    <!-- build:js scripts/plugins.js -->
    <script src="bower_components/bootstrap/js/bootstrap-alert.js"></script>

    <!-- endbuild -->

    <!-- build:js scripts/modules.js -->
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

    <!-- endbuild -->

    <!-- build:js scripts/scripts.js -->
    <script src="scripts/main/app.js"></script>

    <!-- endbuild -->
</div>

El archivo html está en la raíz-> público-> angular. Después de ejecutar grunt, la carpeta .tmp y dist contiene archivos minificados de bower_components. Pero scripts.js está vacío. Si coloco app.js fuera de la carpeta principal en scripts, se concatenará en tmp / scripts.js. ¿Por qué esto es así? Qué estoy haciendo mal ??

My grunt.js file

    // Generated on 2013-12-06 using generator-angular 0.6.0
''use strict'';

// # Globbing
// for performance reasons we''re only matching one level down:
// ''test/spec/{,*/}*.js''
// use this if you want to recursively match all subfolders:
// ''test/spec/**/*.js''

module.exports = function (grunt) {

  // Load grunt tasks automatically
  require(''load-grunt-tasks'')(grunt);

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

  // Define the configuration for all the tasks
  grunt.initConfig({

    // Project settings
    yeoman: {
      // configurable paths
      app: require(''./bower.json'').appPath || ''app'',
      dist: ''dist''
    },

    // Watches files for changes and runs tasks based on the changed files
    watch: {
      js: {
        files: [''{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js''],
        tasks: [''newer:jshint:all'']
      },
      jsTest: {
        files: [''test/spec/{,*/}*.js''],
        tasks: [''newer:jshint:test'', ''karma'']
      },
      styles: {
        files: [''<%= yeoman.app %>/styles/{,*/}*.css''],
        tasks: [''newer:copy:styles'', ''autoprefixer'']
      },
      gruntfile: {
        files: [''Gruntfile.js'']
      },
      livereload: {
        options: {
          livereload: ''<%= connect.options.livereload %>''
        },
        files: [
          ''<%= yeoman.app %>/{,*/}*.html'',
          ''.tmp/styles/{,*/}*.css'',
          ''<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}''
        ]
      }
    },

    // The actual grunt server settings
    connect: {
      options: {
        port: 9000,
        // Change this to ''0.0.0.0'' to access the server from outside.
        hostname: ''localhost'',
        livereload: 35729
      },
      livereload: {
        options: {
          open: true,
          base: [
            ''.tmp'',
            ''<%= yeoman.app %>''
          ]
        }
      },
      test: {
        options: {
          port: 9001,
          base: [
            ''.tmp'',
            ''test'',
            ''<%= yeoman.app %>''
          ]
        }
      },
      dist: {
        options: {
          base: ''<%= yeoman.dist %>''
        }
      }
    },

    // Make sure code styles are up to par and there are no obvious mistakes
    jshint: {
      options: {
        jshintrc: ''.jshintrc'',
        reporter: require(''jshint-stylish'')
      },
      all: [
        ''Gruntfile.js'',
        ''<%= yeoman.app %>/scripts/{,*/}*.js''
      ],
      test: {
        options: {
          jshintrc: ''test/.jshintrc''
        },
        src: [''test/spec/{,*/}*.js'']
      }
    },

    // Empties folders to start fresh
    clean: {
      dist: {
        files: [{
          dot: true,
          src: [
            ''.tmp'',
            ''<%= yeoman.dist %>/*'',
            ''!<%= yeoman.dist %>/.git*''
          ]
        }]
      },
      server: ''.tmp''
    },

    // Add vendor prefixed styles
    autoprefixer: {
      options: {
        browsers: [''last 1 version'']
      },
      dist: {
        files: [{
          expand: true,
          cwd: ''.tmp/styles/'',
          src: ''{,*/}*.css'',
          dest: ''.tmp/styles/''
        }]
      }
    },





    // Renames files for browser caching purposes
    rev: {
      dist: {
        files: {
          src: [
            ''<%= yeoman.dist %>/scripts/{,*/}*.js'',
            ''<%= yeoman.dist %>/styles/{,*/}*.css'',
            ''<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'',
            ''<%= yeoman.dist %>/styles/fonts/*''
          ]
        }
      }
    },
  less_imports: {
          options: {
              inlineCSS: false // default: true
          },
      //, ''public/angular/styles/listing/listing.less'',''public/angular/styles/common/orders_styles.less''
          src: [ ''public/angular/styles/common/*.less''],
          dest: ''public/angular/styles/test.less''
  },

  less: {
      dist: {
          options: {
              yuicompress: true,
              paths: ["public/angular/styles/common"]
          },
          files: {
              ''public/angular/styles/common_styles.css'': ''public/angular/styles/common/common_styles.less'',
              ''public/angular/styles/listing.css'': ''public/angular/styles/common/listing.less'',
              ''public/angular/styles/orders_style.css'': ''public/angular/styles/common/orders_style.less''

          }
      }
  },
    // Reads HTML for usemin blocks to enable smart builds that automatically
    // concat, minify and revision files. Creates configurations in memory so
    // additional tasks can operate on them
    useminPrepare: {
      html: ''<%= yeoman.app %>/*.html'',
      options: {
        dest: ''<%= yeoman.dist %>''
      }
    },

    // Performs rewrites based on rev and the useminPrepare configuration
    usemin: {
      html: [''<%= yeoman.dist %>/{,*/}*.html''],
      css: [''<%= yeoman.dist %>/styles/{,*/}*.css''],
      options: {
        assetsDirs: [''<%= yeoman.dist %>'']
      }
    },

    // The following *-min tasks produce minified files in the dist folder
    imagemin: {
      dist: {
        files: [{
          expand: true,
          cwd: ''<%= yeoman.app %>/images'',
          src: ''{,*/}*.{png,jpg,jpeg,gif}'',
          dest: ''<%= yeoman.dist %>/images''
        }]
      }
    },
    svgmin: {
      dist: {
        files: [{
          expand: true,
          cwd: ''<%= yeoman.app %>/images'',
          src: ''{,*/}*.svg'',
          dest: ''<%= yeoman.dist %>/images''
        }]
      }
    },
    htmlmin: {
      dist: {
        options: {
          // Optional configurations that you can uncomment to use
          // removeCommentsFromCDATA: true,
          // collapseBooleanAttributes: true,
          // removeAttributeQuotes: true,
          // removeRedundantAttributes: true,
          // useShortDoctype: true,
          // removeEmptyAttributes: true,
          // removeOptionalTags: true*/
        },
        files: [{
          expand: true,
          cwd: ''<%= yeoman.app %>'',
          src: [''*.html'', ''views/{,*/}*.html''],
          dest: ''<%= yeoman.dist %>''
        }]
      }
    },

    // Allow the use of non-minsafe AngularJS files. Automatically makes it
    // minsafe compatible so Uglify does not destroy the ng references
    ngmin: {
      dist: {
        files: [{
          expand: true,
          cwd: ''.tmp/concat/scripts'',
          src: ''*.js'',
          dest: ''.tmp/concat/scripts''
        }]
      }
    },

    // Replace Google CDN references
    cdnify: {
      dist: {
        html: [''<%= yeoman.dist %>/*.html'']
      }
    },

    // Copies remaining files to places other tasks can use
    copy: {
      dist: {
        files: [{
          expand: true,
          dot: true,
          cwd: ''<%= yeoman.app %>'',
          dest: ''<%= yeoman.dist %>'',
          src: [
            ''*.{ico,png,txt}'',
            ''.htaccess'',
            ''bower_components/**/*'',
            ''images/{,*/}*.{webp}'',
            ''fonts/*'',


          ]
        }, {
          expand: true,
          cwd: ''.tmp/images'',
          dest: ''<%= yeoman.dist %>/images'',
          src: [
            ''generated/*''
          ]
        }]
      },
      styles: {
        expand: true,
        cwd: ''<%= yeoman.app %>/styles'',
        dest: ''.tmp/styles/'',
        src: ''{,*/}*.css''
      }
    },

    // Run some tasks in parallel to speed up the build process
    concurrent: {
      server: [
        ''copy:styles''
      ],
      test: [
        ''copy:styles''
      ],
      dist: [
        ''copy:styles'',
        ''imagemin'',
        ''svgmin'',
        ''htmlmin''
      ]
    },

    // By default, your `index.html`''s <!-- Usemin block --> will take care of
    // minification. These next options are pre-configured if you do not wish
    // to use the Usemin blocks.
    // cssmin: {
    //   dist: {
    //     files: {
    //       ''<%= yeoman.dist %>/styles/main.css'': [
    //         ''.tmp/styles/{,*/}*.css'',
    //         ''<%= yeoman.app %>/styles/{,*/}*.css''
    //       ]
    //     }
    //   }
    // },
    // uglify: {
    //   dist: {
    //     files: {
    //       ''<%= yeoman.dist %>/scripts/scripts.js'': [
    //         ''<%= yeoman.dist %>/scripts/scripts.js''
    //       ]
    //     }
    //   }
    // },
    // concat: {
    //   dist: {}
    // },

    // Test settings
    karma: {
      unit: {
        configFile: ''karma.conf.js'',
        singleRun: true
      }
    }
  });


  grunt.registerTask(''serve'', function (target) {
    if (target === ''dist'') {
      return grunt.task.run([''build'', ''connect:dist:keepalive'']);
    }

    grunt.task.run([
      ''clean:server'',
      ''concurrent:server'',
      ''autoprefixer'',
      ''connect:livereload'',
      ''watch''
    ]);
  });

  grunt.registerTask(''server'', function () {
    grunt.log.warn(''The `server` task has been deprecated. Use `grunt serve` to start a server.'');
    grunt.task.run([''serve'']);
  });

  grunt.registerTask(''test'', [
    ''clean:server'',
    ''concurrent:test'',
    ''autoprefixer'',
    ''connect:test'',
    ''karma''
  ]);

  grunt.registerTask(''build'', [
    ''clean:dist'',
    ''less_imports'',
    ''less'',
    ''useminPrepare'',
    ''concurrent:dist'',
    ''autoprefixer'',
    ''concat'',
    ''ngmin'',
    ''copy:dist'',
    ''cdnify'',
    ''cssmin'',
    ''uglify'',
    ''rev'',
    ''usemin''
  ]);

  grunt.registerTask(''default'', [
    ''newer:jshint'',
    ''test'',
    ''build''
  ]);
};

Answer 1

Lea la nota sobre globbing en la parte superior: debe cambiar todas las {,*/}* por **/* ya que sus scripts no tienen un solo nivel de profundidad (es decir, scripts / app.js vs. scripts / carpeta / aplicación .js)