LinkSearchMenuExpandDocument
Table of contents

Jekyll-sass-converter

Gem Version  GitHub Pages Supported

Tags: , , , , , ,

Jekyllの基本的なSassコンバーター

インストール

このプラグインはJekyllの依存関係になっているので、Jekyllがインストールされて いれば、特に操作は不要です。

  1. Gemfileを編集

    # Gemfile
    group :jekyll_plugins do
      gem 'jekyll-sass-converter'
    end
    
  2. Pluginのインストール

    bundle
    

オプション

  • style: デフォルト compact

    CSS出力のスタイルを設定します。 nested, compact, compressed, or expandedから選択できます。 詳細はSASS_REFERENCE 1 を参照してください。

  • sass_dir: デフォルト _sass

    Sassのpartialsを検索するためのファイルパス。

  • load_paths: デフォルト []

    Sassのpartialsを検索するための追加のファイルパスの配列。

  • line_comments: デフォルト false

    trueに設定すると、ソースの行番号とファイル名がコンパイルされた CSSファイルに含まれます。 ソースマップが利用できない場合のデバッグに便利ですが、 生成されるCSSファイルのサイズがかなり大きくなる可能性があります。

  • sourcemap: デフォルト always

    ソースマップ 2 をいつ生成するかを制御します。

    • never - ソースマップをまったく生成しません。
    • always - ソースマップは常に生成されます。
    • development - 環境変数JEKYLL_ENVがdevelopmentに設定されている場合にのみ ソースマップが生成されます。

デフォルト設定

# _config.yml
sass:
  style: compact
  sass_dir: _sass
  load_paths: []
  line_comments: false
  sourcemap: always
  1. Dart Sass Options –style(sass-lang.com) [EN] 

  2. ソースマップを使用する(developer.mozilla.org) 

  • Jekyll-minifier - HTML, CSS, JavaScriptを縮小するためのプラグイン

ブログ記事

下記に掲載を希望される方はご連絡ください (詳細)

Back to top


Back to top

Copyright © 2021 Otti

Page last modified: