Magento 2ワークフローの提案はありません

Question

具体的なスタイルルールを探すのに苦労しています。デフォルトの少ないファイルのルールや構造をすばやく見つけて変更するための理想的なワークフローは何ですか？

Answer 1

Magentoのドキュメントはここにかなり便利です - http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html

ソースマップは、おそらく最高LESSデバッグツールです。

クライアントサイドコンパイルでは、lib/web/less/config.less.jsにオプションを設定します。あなたが欲しい オプションは次のとおりです。

dumpLineNumbers

タイプ：文字列オプション： '' | 'comments' | 'mediaquery' | 'all'デフォルト： ''

これを設定すると、出力のCSSファイルにソース行の情報が追加されます。これは特定のルールがどこから来たのかをデバッグするのに役立ちます。 http://lesscss.org/usage/#using-less-in-the-browser

サーバー・サイドのコンパイルをしたい場合、あなたはdev/tools/grunt/configs/less.jsファイルMagentoの2 Checkoutに内蔵されてうなり声を使用することができ、それは

var lessOptions = { 
options: { 
    sourceMap: true, 
    strictImports: false, 
    sourceMapRootpath: '/', 
    dumpLineNumbers: false, // use 'comments' instead false to output 
    ... 

ドキュメントがうなり声を使って、あなたをステップインします示して - 、またはクライアント側のコンパイルの設定を減らすことができます。