Оптимизация с помощью requirejs

В настоящее время мы устанавливаем встроенные зависимости на html-странице, подобной этой.

<html>
    <body>

        <article>
            Content
        </article>

        <script type="text/javascript">
            define([
                'View',
                'Model'
            ], function(View, Model){
                new View({ model: Model });
            });
        </script>

    </body>
</html>

Почти каждая страница, где мы это делаем, имеет разные зависимости. Мы воздержались от создания файлов main.js, потому что это означало бы, что у нас будет файл main.js для каждой из этих страниц.

Как лучше всего использовать оптимизатор requirejs в нашем случае?


person Julian Krispel-Samsel    schedule 06.02.2013    source источник
comment
Что вы имеете в виду в отношении «main.js»? Настройка require.config или инициализатор приложения? Я немного запутался, так как обычно require используется для инициализации приложения в теле одной страницы и управления зависимостями между представлениями, моделями и другими сценариями, которые будут отображать блоки HTML обратно в DOM. Инициализация запроса из нескольких статических HTML-страниц как бы противоречит цели.   -  person Alex Ehrnschwender    schedule 04.03.2013
comment
Я также обнаружил, что requirejs сложно использовать с другими библиотеками и наоборот. Вот почему я создал библиотеку, которая намного проще в использовании и протестирована с помощью angular. Внизу есть демонстрационное приложение: gngeorgiev.github.io/Modulerr.js Вы также можете объединить все скрипты в один без зависимости от Modulerr.js   -  person Georgi-it    schedule 11.08.2014


Ответы (2)


Я гораздо лучше преуспела в архитектуре своих сайтов, чтобы они использовали общий файл main.js. Или, по крайней мере, разделить сайт на небольшое количество разделов, которые разделяют сборки. Это требует некоторого предварительного планирования, но НАМНОГО проще в управлении и лучше использует кэш браузера, чем по одной сборке на страницу.

person shovemedia    schedule 02.11.2013
comment
Пример бы не помешал :) - person Julian Krispel-Samsel; 03.11.2013

Вы не можете оптимизировать встроенные скрипты с помощью require.js. Вам следует взглянуть на htmlcompressor.

Наличие нескольких файлов main.js не является проблемой для require.js независимо от того, используете вы анонимные модули или нет.

Оливье

person Bredele    schedule 25.03.2013