addyosmani / addyosmani/yeoman-examples

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

Aperta
#18 4 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
201
Fork
225
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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)

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.