Skeleton Components

骨骼

啟動您的前端開發。骨架是在ROSID上建立的HTML5樣板。

內容

• 特徵
• 要求
• 設定
• 如何使用
  • 發展
  • 編譯
  • UI
• Docker
• 故障排除

特徵

• 骨骼是所有日常網絡項目的基礎。跳到啟動您的工作並發展而不從零開始。您需要一個分叉的一切。
• 該項目由ROSID提供動力，Rosid是一家具有及時預處理的Web服務器。 JS（與Babel，uglifyjs一起），Sass（與CSSNANO，AUTOPREFIXER）和Nunjucks可以立即使用。
• 骨骼僅僅是開始。分叉並將其擴展到您自己的需求。預定義的結構為您提供了靈活性，並且可以輕鬆修改。

要求

骨骼依賴人…

• node.js（v8.5.0或更新）
• 紗

確保在分叉和設置骨架之前安裝和更新所有依賴項。

設定

在開始開發之前，請使用紗線安裝所有必需的依賴項。

yarn install

如何使用

發展

開始使用以下命令來開發。您將打開瀏覽器，在更新文件時立即等待代碼更改並立即實時填充。 JS，Sass和Nunjucks將在即時編譯。

yarn start

編譯

準備黃金時段了嗎？導出所有文件，並為您的受眾準備並準備好。簡單地將最終dist/文件夾上傳到服務器並放鬆。坐下來，享受您最喜歡的餐廳的美味漢堡。

yarn run compile

UI

骨骼包括Malvid，可幫助您構建和記錄Web組件。在瀏覽器中啟動開發服務器並打開/index.html 。可以在rosidfile.js中更改UI的路徑。

Docker

隨附的Dockerfile允許您構建一個編譯網站的圖像。在這種情況下，僅需要在系統上安裝Docker。無需其他依賴。

建造

從Dockerfile構建圖像。每次修改項目時，都必須完成此操作。新來源將復製到圖像中。

docker build -t electerious/skeleton .

編譯

啟動一個容器以編譯您的網站。完成所有任務後，容器將自動退出。安裝的捲將包含所有編譯的文件。

docker run --rm -tv " $( pwd ) /dist:/dist " electerious/skeleton

故障排除

• 安裝最新版本的node.js和紗線
• 刪除node_modules並重新安裝所有依賴關係
• 檢查項目是否取決於最新版本的ROSID
• 嘗試使用隨附的Dockerfile編譯網站