addyosmani / addyosmani/yeoman-examples

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

オープン
#18 コメント 4 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
201
フォーク
225
PR マージ指標
30日以内にマージされた PR はありません

説明

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)

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。