Определите несколько HTML-модулей AMD в одном файле

Question

Определите несколько HTML-модулей AMD в одном файле

0

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

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

<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;

DrSammyD 17 фев. 2014, в 20:01

Источник

Теги:

html

module

text

requirejs

1 ответ

Ещё вопросы

DrSammyD · Answer 1 · 2014-02-17T21-16-00.000Z

Я создал плагин, в котором вы можете добавить a! Define в конец запроса на некоторый файл, и это сделает спецификацию, предложенную из 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(){})

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

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

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

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

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

Вот суть