addyosmani / addyosmani/yeoman-examples

Major CSS file include problem in the main Yeoman-Angular demo

Aberta
#18 4 comentários 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
JavaScript
Estrelas
201
Forks
225
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

The celebrated ["Let's scaffold a web app with Yeoman" demo](http://yeoman.io/codelab/index.html) is slowly revealing itself as the anteroom to a world of pain.

After hacking across repeated bower hangups while loading jquery and other 5MB (!!!) of apparently indispensable stuff, I fire the server and retrieve the following, mangled page.

![yeoman-angular-demo-wrong-css](https://cloud.githubusercontent.com/assets/2652413/12217191/53cc2ac8-b6f9-11e5-8d34-11243287019e.jpg)

I've been able so far to retrieve [the following CSS file](https://addyosmani.com/critical-path-angular-demo/output/critical/styles/site.css) from a public working example of the same demo and inject it using good old Chrome Developer Tools between two `` tags in the head of the doc.

Page looks now as shown in the codelab pages. But file `styles/site.css` is sorely missing from the app I created following the instructions on the Yeoman site.

Needless to say, as soon as I refresh my page at localhost:9000, I lose the good CSS.

After having to manually installing a plethora of dependencies required by the mission-critical `grunt-cdnify` task (obviously not specified inside its `package.json`), I've managed in some way to run a complete `grunt build` operation. Hacked a few tags in the head of `index.html`, but still the CSS file is not included. Ended up chucking manually the `<style>` tag inside `index.html`, just to be able to get ahead of the CSS issue.

I hope I'll be able to understand how to make that file known to the build mechanism and automatically included in the page.

In the meantime, **please verify and comment on this issue: is or is not the homepage in the app looking as nice as it should? Is the file `styles/site.css` present in the scaffolding built by Yeoman?**

![yeoman-angular-demo-right-css](https://cloud.githubusercontent.com/assets/2652413/12217253/4f86b210-b6fb-11e5-859e-c087c725de35.jpg)

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.