Kotsu

高度なWebスターターキット

誰も行っていない場所に大胆に行く

---

使い方

1. クローンまたはダウンロードして、希望の場所に開梱します
2. node.jsの最新バージョンをダウンロードしてインストールします
3. OSに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. あなたの人生を展開して楽しんでください

何が中にありますか？

• フロントエンドプロジェクトの合理的な構造
• 静的ページ生成
• 迅速継続的な展開と自動テストのセットアップのための準備された構成
• 事前に構成されたタスクでうなり声を上げます
• Nunjucks、フル機能のテンプレートエンジン
• 組み込まれたNunjucksグローバルとフィルター、フォーマット番号、日付、現在のページURL、ロケール、パン界などの取得。
• 人間の読み取り可能なURL
• ベストプラクティスに基づくボイラープレートファイル
• Node-GetTextと構成されたレイアウトを備えたI18N現在のロケールと代替のURLを適切に宣言するように
• ソースマップの生成、オートプレフィックス、最適化、ミニフィッシュ、糸くずを備えたSASSコンパイラ
• Ekzo Sassフレームワーク
• ES6のサポート、JavaScriptの依存関係の管理とバンドルを備えたWebpackおよびオプションのホットモジュールのリロードまたは燃えるような高速時計
• Lintingおよび自動フォーマットJavaScriptの標準
• Webpack-dev-serverを搭載したライブリロード
• tcombおよびtcomb-validationによるランタイムタイプの注釈とデータ検証、組み込みの便利な改良。
• オープングラフおよびTwitterカード用の事前に設定されたメタタグ
• RDFAに基づいて検索プロバイダーが構造化されたデータを一般的に使用する
• grunt-sitemap-xmlを使用した自動sitemap.xml生成
• スプライトスミスを使用した自動スプライト生成
• Tinypngを介した自動画像圧縮
• グラント応答性イメージを使用した自動レスポンシブ画像生成
• 開発中に最適化されていないファイルを分離します
• 生産用のファイルをコンパイルおよびマイニングしたファイル

そして、フードの下にもっと。すべての機能を文書化する時間がありませんでした。まだ。

ドキュメント

進行中の作業

• 構造
• 環境変数
• データ
• 構造化されたデータ
• URL
• 継続的な配達
• レシピ

例

Master BranchからのKotsuの展開バージョンは、ここにあります。

これまでのところ、例のセクションには、事前定義された要素と機能の最小の部分のみが特徴であることに注意してください。

ブラウザのサポート

JavaScript

すなわち	角	クロム	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

すなわち	角	クロム	Firefox	サファリ	オペラ	オペラモバイル	iOSサファリ	アンドロイド
10+	12+	21+	28+	6.1+	12.1+	12.1+	7.1+	4.4+

IE9以下のGraceful Regressionの詳細については、Ekzoブラウザのサポートセクションを参照してください。

古いIEの優雅な回帰を無効にするには、ベースレイアウトからIE()マクロ呼び出しを削除します。

時代遅れのブラウザメッセージ

IE9以下では、ユーザーは、時代遅れのブラウザと時代遅れのブラウザへのリンクに関するメッセージを含むページコンテンツの前にバナーを表示します。

時代遅れのブラウザメッセージを無効にするには、ベースレイアウトからOutdatedBrowser()マクロ呼び出しを削除します。

ライセンス

Copyright 2014 Lotustm。 Apache 2.0ライセンスに基づいてライセンスされています。