addyosmani / addyosmani/yeoman-examples

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

Abierto
#18 4 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
201
Forks
225
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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)

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.