Цель:
Я пытаюсь создать простой рабочий процесс для разработки шаблонов на стороне клиента.
Док Рут:
/views/uncompiled/
/static/js/compiled/
Мы начинаем в /views/uncompiled/
Здесь я могу что-то построить, например, /views/uncompiled/index.html.
Я создаю шаблоны dust.js, поэтому использую dusterjs также прослушивает изменения в моем каталоге /views/uncompiled/ и автоматически отображает скомпилированные *.js аналоги в моем каталоге /static/js/compiled/ .
Таким образом, /views/uncompiled/index.html отображает /static/js/compiled/index.js каждый раз, когда сохраняется изменение.
Проблема:
Мой layout.html становится больше. Мне нужно включать новый скрипт *.js каждый раз, когда я добавляю еще один шаблон:
<head>
<script src='/static/js/compiled/index.js'></script>
<script src='/static/js/compiled/header.js'></script>
<script src='/static/js/compiled/footer.js'></script>
<script src='/static/js/compiled/baconstrips.js'></script>
...
</head>
Решение:
Используйте другие часы в папке /static/js/compiled/, чтобы автоматически объединить *.js в один app.js, который всегда будет включен в мой <head> при каждом изменении содержимого этой папки:
<head>
<script src='/static/js/app.js'></script>
</head>
Вопрос:
Я хотел бы использовать инструмент объединения, такой как Uglify.js, который также выполняет сжатие .
- Существуют ли какие-либо пакеты узлов, которые автоматизируют вышеуказанное решение?
- Есть ли встроенная функция Uglify.js, которая уже делает это?
