javascript - NPM 콧수염 렌더링은 단일 템플릿과 여러 JSON으로 여러 HTML을 생성합니다

이는 mustache_render 에 대한 구성을 동적으로 생성하여 달성 할 수 있습니다.   .json 를 기반으로 한 작업  파일.

Gruntfile.js 를 구성 해보십시오  다음과 같이 :

Gruntfile.js

module.exports = function (grunt) {
  'use strict';
  grunt.initConfig({
    mustache_render: {} // Intentionally empty, will be auto generated.
  });
  /**
   * Helper function auto generates the configuration object for 
   * the mustache_render Task based on the .json files found.
   */
  function generateHtml() {
    var config = {},
      pathsToJson = 'content/*.json';
    grunt.file.expand(pathsToJson).forEach(function (filePath, index) {
      // .html filename based on .json filename.
      var htmlFileName = filePath.split('/').pop().split('.')[0] + '.html';
      config[index] = {
        files : [{
          data: filePath,
          template: 'templates/menu-content.mustache',
          dest: 'publish/' + htmlFileName
        }]
      }
    });
    // Add the generated config object to mustache_render Task then run it.
    grunt.config('mustache_render', config);
    grunt.task.run(['mustache_render']);
  }
  grunt.loadNpmTasks('grunt-mustache-render');
  grunt.registerTask('buildHtml', generateHtml);
  grunt.registerTask('default', ['buildHtml']);
};