Использование grunt-usemin с Mean.io (отдельные папки public/ и app/)

Я создал новый проект, используя угловой генератор йомана, который затем несколько модифицировал, чтобы он соответствовал моим потребностям. Однако позже я понял, что хотел бы использовать mean.io для поддержки Express и mongodb. Мне потребовалось довольно много времени, чтобы скопировать необходимые части из проекта по умолчанию mean.io в мой собственный проект. Однако я все еще сталкиваюсь с серьезными проблемами с grunt-rev и grunt-usemin.

В исходном проекте, сгенерированном йоменом, было приложение/папка, которое содержало все элементы AngularJS. Однако в новом проекте есть app/folder для всех элементов, существующих на сервере, а затем public/folder для всех элементов, необходимых на стороне клиента. Теперь плагин grunt-rev переименовывает файлы css и изображений, чтобы они содержали некоторый идентификатор, соответствующий версии этого элемента. Я думаю, что это очень полезно, поэтому я хотел бы сохранить его в своем проекте. Сейчас, когда; мой index.html находится в папке app/, а все css и изображения находятся в папке public/. В моем index.html я получил изображения в формате «<img src="images/imagename.png">». Это работает, когда я тестирую проект, запуская экспресс-сервер узла, поскольку он предлагает как приложения/представления/, так и общедоступные/из того же места, которое является корнем сервера. Однако Usemin этого не понимает, поскольку источники изображений не соответствуют абсолютной структуре папок. Я пытался переместить приложение/представления/контент в приложение/, но безрезультатно. То же самое происходит с файлами css, созданными с помощью cssmin. У меня есть свойство в моем index.html и под ним все мои css. После сборки у меня есть стили/main.css, но поскольку usemin не понимает структуру папок, я получаю стили/main.css в index.html и 986a2d75.application.css в стилях/.

Есть ли способ сообщить usemin, что две папки должны обрабатываться как одна? Я обнаружил, что вы можете заставить usemin искать определенный шаблон, но это заставит меня не забывать добавлять каждое изображение в gruntfile отдельно, поэтому я бы предпочел вообще не использовать эти плагины, прежде чем я это сделаю.


person Artsu    schedule 11.03.2014    source источник


Ответы (1)


Наконец-то узнал о Generator Angular Fullstack, который сделал все, что мне нужно, и даже больше. Он правильно обрабатывает копирование файлов из src->.tmp->dist и выполняет всю необходимую магию использования в процессе. Потрясающий инструмент!

person Artsu    schedule 22.03.2014