Githubソースからコンパイル

UIkitを自分でコンパイルするには、付属のビルドスクリプトを使用できます。

# Run once to install all dependencies
yarn

# Compile all source files
yarn compile

# Watch files and compile automatically everytime a file changes
yarn watch

NOTENode.jsバージョン8.2.0以降を使用してください。

コンパイルされたdistフォルダーには、デフォルトでチェックインされない追加のファイルが含まれるようになりました。カスタムUIkitテーマを追加した場合、ビルドタスクはさらに多くのファイルを作成します。

/dist/css

    <!-- UIkit's CSS -->
    uikit.css
    uikit.min.css

    <!-- UIkit's core styles, without the default theme -->
    uikit-core.css
    uikit-core.min.css

    <!-- UIkit's CSS in a right-to-left version -->
    uikit.rtl.css
    uikit.rtl.min.css


/dist/js

    <!-- UIkit's JavaScript -->
    uikit.js
    uikit.min.js

    <!-- Stripped down JavaScript. Core functionality without additional components -->
    uikit-core.js
    uikit-core.min.js

    <!-- Icon Library -->
    uikit-icons.js
    uikit-icons.min.js

    <!-- Additional components (e.g. Lightbox), only needed when including uikit-core.js -->
    /components

UIkitのCSSとJavaScriptを使用するには、ファイルを独自のHTMLに含めてから、ドキュメントにリストされているコンポーネントのマークアップを作成します。 LESSまたはJavaScriptを変更するたびにUIkitを自動的にコンパイルするには、付属のビルドスクリプトを使用できます。

yarn watch