Table of contents
Jekyll-sass-converter
Tags:
, , , , , ,Jekyllの基本的なSassコンバーター
Jekyllの基本的なSassコンバーター
インストール
このプラグインはJekyllの依存関係になっているので、Jekyllがインストールされて いれば、特に操作は不要です。
Gemfileを編集
# Gemfile group :jekyll_plugins do gem 'jekyll-sass-converter' end
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
Dart Sass Options –style(sass-lang.com) [EN] ↩
ソースマップを使用する(developer.mozilla.org) ↩
関連プラグイン
- Jekyll-minifier - HTML, CSS, JavaScriptを縮小するためのプラグイン
ブログ記事
下記に掲載を希望される方はご連絡ください (詳細)
- JekyllでSassのSource Mapの生成をコントロールする (sd2.dozono.net)