Kotsu

高級網絡入門套件

大膽去沒有男人去過的地方

---

如何使用

1. 克隆或下載並解開所需位置
2. 下載並安裝最新版本的node.js
3. 為您的操作系統安裝GraphicsMagick（推薦）或ImageMagick。注意：在運行npm install之前必須安裝其中一個
4. 設置環境變量[指南]
5. 安裝項目依賴項： npm install
6. （可選）將您的存儲庫添加到Travis進行自動測試
7. （可選）與CircleCi或Werker Docker的連續部署遵循我們的指南
8. 代碼與： npm start或npm start -- --hmr如果需要熱模塊，
9. 構建： npm run build
10. 部署並享受您的生活

裡面有什麼？

• 前端項目的合理結構
• 靜態頁面產生
• 準備的配置用於快速連續部署和自動測試設置
• 對預先配置的任務感到咕unt聲
• Nunjucks，一個完整的模板引擎
• 內置的Nunjucks全球和過濾器，用於格式數字，日期，獲取當前頁面URL，LOCALE，BATCRCRUMB，等等。
• 人類可讀的網址
• 基於最佳實踐的樣板文件
• i18n帶有節點getText和配置的佈局，以正確聲明當前語言環境和替代URL
• 帶有源地圖生成的SASS編譯器
• Ekzo Sass框架
• Webpack具有ES6支持，管理和捆綁JavaScript依賴項和可選熱模塊重新加載或燃燒快速手錶
• 覆蓋和自動格式JavaScript的標準
• 由Webpack-dev-server提供的現場重新加載
• 使用tcomb和tcomb-validation ，內置的便捷精煉，運行時類型的註釋和數據驗證。
• 開放圖和Twitter卡的預配置的元標記
• 搜索提供商通常使用的基於RDFA的結構化數據
• 自動sitemap.xml與grunt-sitemap-xml生成
• Spritesmith的自動精靈生成
• 自動圖像通過TINYPNG壓縮
• 自動響應圖像生成帶有響應圖像的圖像
• 單獨的未在開發中優化的文件，並且
• 編譯並縮小文件以進行生產

還有更多的引擎蓋。我們只是沒有時間記錄所有功能。然而。

文件

正在進行中

• 結構
• 環境變量
• 數據
• 結構化數據
• URL
• 連續交付
• 食譜

例子

可以在此處找到Master Branch的KOTSU的部署版本。

請注意，到目前為止，示例部分僅包含預定義元素和功能的最少部分。

瀏覽器支持

JavaScript

IE	邊緣	鉻合金	Firefox	野生動物園	歌劇	歌劇手機	ios野生動物園	安卓
9+	12+	21+	28+	6.1+	12.1+	12.1+	7+	4+

為了在IE11及以下啟用ES6功能，請在main.js中import 'babel-polyfill' 。請參閱此處的詳細信息。

默認構建構建了不支持IE8的jQuery 3.1.0+。如果需要IE8的支持，請替換為3.0.0版本。

CSS

IE	邊緣	鉻合金	Firefox	野生動物園	歌劇	歌劇手機	ios野生動物園	安卓
10+	12+	21+	28+	6.1+	12.1+	12.1+	7.1+	4.4+

有關IE9及以下優美回歸的詳細信息，請參閱Ekzo瀏覽器支持部分，默認情況下在KOTSU中包含。

要禁用舊IE的優美回歸，請從基本佈局中刪除IE()宏調用。

過時的瀏覽器消息

在IE9及以下，用戶將在頁面內容上看到橫幅，並帶有有關過時的瀏覽器的消息，並鏈接到過時的瀏覽器。

要禁用過時的瀏覽器消息，請從基本佈局中刪除OutdatedBrowser()宏調用。

執照

版權2014 Lotustm。根據Apache 2.0許可證許可。