Определить несколько модулей html amd в одном файле

Есть ли способ сделать requirejs define в текстовом документе? Или html-документ?Определить несколько модулей html amd в одном файле

У меня есть документ, заполненный заголовок и клеточные шаблоны для сетки

<body> 
    <th data-fieldname="PatientPerson">Name <span data-bind="attr: { class: sortField() == 'PatientPerson' ? 'inline-block' : 'hide' }"></span></th> 
    <td><span class="glyphicon glyphicon-expand"></span><a data-bind="click: function() { $parent.loadReportSummary(PatientPerson.ID()) }"><span data-bind="text: PatientPerson.FullName"></span></a></td> 

    <th data-fieldname="StudyType">Study Type <span data-bind="attr: { class: sortField() == 'StudyType' ? 'inline-block' : 'hide' }"></span></th> 
    <td data-bind="text: StudyType"></td> 


    <th data-fieldname="ServiceDate">Service Date<span data-bind="attr: { class: sortField() == 'ServiceDate' ? 'inline-block' : 'hide' }"></span></th> 
    <td data-bind="text: ServiceDate"></td> 


    <th>Export Summary</th> 
    <td><a data-bind="click: function (data) { $parent.exportReportSummary(data, PatientPerson.ID, SummaryID, !StudyExported()) }">View</a></td> 


    <th>Print All Reports</th> 
    <td><a data-bind="click: function (data) { $parent.printAllReports('/PrintReports/Reports?summaryID=' + SummaryID) }">Print</a></td> 

etc....... 
</body>

В другом модуле у меня есть массив, который определяет, какие из этих столбцов используется в нокауте вычисленного наблюдаемыми. Я надеялся, что я смогу сделать каждый из этих модулей вместо их разбора с помощью jquery, но я хотел, чтобы все они были в одном файле. Я использую текстовый плагин для requirejs, но, похоже, нет никакого способа объявить каждый из них как модуль внутри одного файла, и представляется расточительным разбить каждый из них на отдельные файлы.

может быть что-то вроде

<!--export name:"PatientPerson" --> 
    <th data-fieldname="PatientPerson">Name <span data-bind="attr: { class: sortField() == 'PatientPerson' ? 'inline-block' : 'hide' }"></span></th> 
    <td><span class="glyphicon glyphicon-expand"></span><a data-bind="click: function() { $parent.loadReportSummary(PatientPerson.ID()) }"><span data-bind="text: PatientPerson.FullName"></span></a></td> 
<!-- /export-->

Затем ссылок на модуле, как

require('filename').PatientPerson;

источник

2014-02-17 DrSammyD

Я создал плагин, где вы можете добавить! Определить до конца требует от какого-то файла, и он будет сделайте спецификацию, предложенную для работы OP. Он работает с официальным текстовым плагином для requirejs.

define(['text', 'module'], function (text, module) { 
    var exportRegExp = /<!--\s*?export[^>]*>([\s\S]*?)<!--\s*?\/export\s*?-->/g, 
    masterConfig = (module.config && module.config()) || {}, 
    buildMap={}; 
    text.export = function (content) { 
     var exports = null; 
     if (content) { 
      var matches = content.match(exportRegExp) || [], 
       match, _i, _len; 
      exports = matches.length ? {} : null; 
      for (_i = 0, _len = matches.length; _i < _len; _i++) { 
       match = matches[_i]; 
       var exportName = match.match(/(<!--\s*?export\s*?name\:")(.*?)\"\s*?-->/).slice(-1)[0]; 
       exports[exportName] = match.replace(/<!--\s*?export[^>]*>\n?/, '').replace(/<!--\s*?\/export\s*?-->/, ''); 
      } 
     } 
     return exports; 
    }; 
    var baseParseName = text.parseName; 
    text.parseName = function(name) { 
     var index, parseExport = false; 
     index = name.indexOf('!export'); 
     if (index !== -1) { 
      parseExport = true; 
      name.split('!export').join(''); 
     } 
     var out = baseParseName(name); 
     out["strip"] = { "export": parseExport, "strip": out["strip"] }; 
     return out; 
    }; 

    text.finishLoad = function (name, strip, content, onLoad) { 
     var exports = strip.export ? text.export(content,name) : content; 
     if (exports == null) content = strip.strip ? text.strip(content) : content; 
     else content = exports; 
     if (masterConfig.isBuild) { 
      buildMap[name] = content; 
     } 
     onLoad(content); 
    }; 
    text.write = function (pluginName, moduleName, write, config) { 
     if (buildMap.hasOwnProperty(moduleName)) { 
      var content = text.jsEscape(buildMap[moduleName]); 
      write.asModule(pluginName + "!" + moduleName, 
          "define(function() { return '" + 
           content + 
          "';});\n"); 
     } 
    }; 
});

Ниже будет работать

require([text!somefile!define],function(){})

Это также работает, но он игнорирует команду стрип! Если какой-либо экспорт существует в файле.

require([text!somefile!strip!define],function(){})

, то вы можете позвонить

require(['someModuleNameInDefineComment'],function(){})

Я не обрабатывается полоса с начала определить в заголовке.

Here is a Gist

источник

2014-02-17 22:33:04 DrSammyD

Определить несколько модулей html amd в одном файле

ответ

Смежные вопросы