Criei um aplicativo usando o Yeoman e o AngularJS (e todas as coisas que o acompanham, como Grunt e Bower).

Tudo funciona perfeitamente quando executado localmente usandogrunt serve. No entanto, depois de executar o grunhido e implantar o aplicativo, existem alguns ativos ausentes e não tenho certeza de qual é a melhor maneira de resolvê-lo.

Primeiramente, executar o Grunt parece copiar as imagens para dist, mas as renomeia sem ajustar as referências no CSS.app/images/uparrow.png torna-sedist/images/3f84644a.uparrow.png.

Aqui está uma linha do main.scss:

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

Quando é compilado para CSS durante o processo de construção, ele não reescreve o caminho, portanto o navegador tenta carregardist/images/uparrow.png o que está faltando.

Em segundo lugar, há um problema ao carregar as fontes para o plug-in Bootstrap. O CSS de auto-inicialização emapp/bower_components/bootstrap/dist/css/bootstrap.css referências../fonts/glyphicons-halflings-regular.woff. O caminho relativo é resolvido paraapp/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.wof e isso funciona perfeitamente.

Uma vez criado, o CSS do fornecedor é combinado e compactado em um único arquivo CSS emdist/styles/8727a602.vendor.css. O caminho relativo para a fonte não é reescrito. Por isso, tenta procurar fontes nodist/fonts pasta, em vez dedist/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.wof onde o arquivo está realmente.

Qualquer conselho muito apreciado.