看不到 useminPrepare 结果

Question

Yeoman 构建任务打破了我的应用程序开箱即用，我试图看看问题出在哪里。

于是我把其他任务注释掉了，只剩下了：

grunt.registerTask('build', [
    'clean:dist',
    'useminPrepare',
]);

而 useminPrepre 任务是这样定义的：

useminPrepare: {
            html: '<%= yeoman.app %>/index.html',
            options: {
                dest: '<%= yeoman.dist %>',
                flow: {
                    steps: {'js': ['concat']},
                    post: {}
                }
            }
        },

构建完成后，输出（见下文）似乎正常，但 dist 文件夹为空。如何让 useminPrepare 实际写入文件？

Running "useminPrepare:html" (useminPrepare) task
Going through C:/development/projects/yadazing/bb_ui/app/index.html to update the config
Looking for build script HTML comment blocks

Configuration is now:

  concat:
  { generated:
   { files:
      [ { dest: '<APP_PATH> \\dist\\scripts\\scripts.js',
          src:
           [ '{.tmp,app}\\bower_components\\jquery\\jquery.js',
             <APP_COMPONENTS>\\angular.js'
             .
             .
             ] },

        { dest: ''<APP_PATH>\\dist\\scripts\\modules.js',
          src:
           [ '<APP_MUDULES>\\app\\scripts\\app.js',
             '<APP_MUDULES>\\app\\scripts\\settings.js',
              .
              .
              ]}]}}

Done, without errors.


Execution Time (2014-02-19 22:46:34 UTC)
loading tasks        5ms  
clean:dist           5ms  
useminPrepare:html  26ms
Total 37ms

Answer 1

useminprepare 所做的只是修改其他 grunt 任务的配置。要查看生成的任务配置的结果，您需要在之后运行这些任务。

该任务集合及其执行顺序称为flow。默认情况下，流程为concat -> uglifyjs，但您可以编写自己的流程。

使用您需要执行的默认流程：

grunt.registerTask( 'lala', ['useminprepare', 'concat', 'uglify'] ); 

查看结果。