Возможно, мой google-fu сегодня не работает, однако я ищу пример/способ настройки grunt.js для вставки содержимого javascript (и CSS) после компиляции в окончательный визуализированный HTML-документ (чтобы помочь с временем загрузки/рендеринга).Использование grunt.js вместе с require.js для concat, minify и ввода javascript/css inline в HTML-документ
Кто-нибудь это сделал или может указать мне в правильном направлении?
Посмотрите на grunt-usemin. С помощью этой задачи вы можете добавлять комментарии к своим тегам сценария/стиля. Задача найти все источники между началом/концом комментария и CONCAT/преуменьшать/построить requirejs для этого файлов
<!-- build:js build/js/app.js -->
<script src="js/controllers/thing-controller.js"></script>
<script src="js/models/thing-model.js"></script>
<script src="js/views/thing-view.js"></script>
<!-- endbuild -->
Этого блок, например, приведет к файлу app.js проведения всех Минимизированным/сцепленных файлы и создавать новый html-файл, который заменяет блок <script src="build/js/app.js"></script>
Неужели это место приятно с RequireJS? Я считаю, что они обесценивают поддержку requireJS, но я не уверен. Есть ли другое конкретное решение? – streetlight
Нет. Он не играет хорошо с grunt-contrib-requirejs. grunt-contrib-requirejs - это более полное решение, и вы будете тратить время на внедрение usemin только для того, чтобы оно было заменено. –