https://github.com/nicehorse06/twitch-api-demo-site

運用 Twitch API 實作的無限下拉載入直播的網站
https://github.com/nicehorse06/twitch-api-demo-site

twitch twitter-api

Last synced: about 2 months ago
JSON representation

運用 Twitch API 實作的無限下拉載入直播的網站

• Host: GitHub
• URL: https://github.com/nicehorse06/twitch-api-demo-site
• Owner: nicehorse06
• Created: 2018-06-11T05:54:43.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-02T02:00:15.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T23:03:24.292Z (almost 2 years ago)
• Topics: twitch, twitter-api
• Language: JavaScript
• Homepage: https://nicehorse06.github.io/twitch-api-demo-site/dist/index.html
• Size: 729 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# twitch API的應用實做專案

## todo

* 須更新 [Twitch API](https://dev.twitch.tv/docs/api) 版本

## [Github page url](https://nicehorse06.github.io/twitch-api-demo-site/dist/index.html)

* bundle的位置為dist/mian.js

* webpack config 可以轉換ES6語法、把JS壓縮、混淆、自動生成index.html在dist中，把CSS壓縮到bundle

* run webpack dev server，在記憶體中產生bundle檔案

```

npm run dev

```

* 產生 bundle(main.js)和index.html在 /dist 中

```

npm run build

```

* /dist要讓github page讀取，未加入 gitignore

## 參考資料：

* [style-loader  css-loader 引入CSS](https://5xruby.tw/ja/posts/webpack-05)

* [從新手到中手：前端工程加強班](https://github.com/aszx87410/frontend-intermediate-course)