Я создал приложение, используя Yeoman и AngularJS (и все, что с этим связано, например, Grunt и Bower).

Все работает отлично при локальном использованииgrunt serve, Тем не менее, после запуска grunt и развертывания приложения, есть пара недостающих ресурсов, и я не уверен, что лучший способ это решить.

Во-первых, запуск Grunt, кажется, копирует изображения в dist, но он переименовывает их, не корректируя ссылки в CSS.app/images/uparrow.png становитсяdist/images/3f84644a.uparrow.png.

Вот строка из main.scss:

.table.sortable th.sorted-asc        { background-image: url(../images/uparrow.png); }

Когда он компилируется в CSS во время процесса сборки, он не переписывает путь, поэтому браузер пытается загрузитьdist/images/uparrow.png чего не хватает

Во-вторых, существует проблема с загрузкой шрифтов для плагина Bootstrap. Загрузочный CSS вapp/bower_components/bootstrap/dist/css/bootstrap.css Рекомендации../fonts/glyphicons-halflings-regular.woff, Относительный путь разрешается доapp/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.wof и это работает отлично.

После создания CSS поставщика объединяется и минимизируется в один файл CSS по адресуdist/styles/8727a602.vendor.css, Относительный путь к шрифту не переписывается. Поэтому он пытается найти шрифты вdist/fonts папка, а неdist/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.wof где файл на самом деле находится.

Любой совет высоко ценится.