addyosmani / addyosmani/yeoman-examples

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

Đang mở
#18 4 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
201
Fork
225
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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)

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.