Magento 2 weniger Workflow-Vorschläge

Question

Ich habe es schwer, bestimmte Stilregeln in weniger zu finden, was ist der ideale Workflow für das schnelle Finden und Ändern der Regeln und Struktur der Standard-less-Dateien?

Answer 1

Die Magento Dokumentation ist ziemlich hilfreich hier - http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html

Quelle Karten sind wahrscheinlich das beste WENIGER Debugging-Tool.

Für die clientseitige Kompilierung konfigurieren Sie Optionen in lib/web/less/config.less.js. Die Option, die Sie wollen, ist:

dumpLineNumbers

Typ: String Optionen: '' | 'comments' | 'mediaquery' | 'all' Standard: ''

Wenn diese Option aktiviert ist, werden Informationen zur Quellzeile zur Ausgabe der CSS-Datei hinzugefügt. Dies hilft Ihnen beim Debuggen, wo eine bestimmte Regel herkommt. - http://lesscss.org/usage/#using-less-in-the-browser

Wenn Sie serverseitige Zusammenstellung möchten, können Sie grunzen verwenden, die in Magento 2. Kasse gebaut wird die dev/tools/grunt/configs/less.js Datei, es zeigt

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

Die Dokumentation werden Sie Schritt für Schritt durch Grunt mit oder Einrichten der Clientseite abzüglich der Kompilierung.