2016-04-24 80 views
1

我很難找到特定的樣式規則在少,什麼是理想的工作流程快速查找和修改默認少文件的規則和結構?Magento 2少工作流程建議

+0

http://magento.stackexchange.com/questions/111446/how-to-solve-css-validation-using-total-validator-tool-in-magento-2/111451#111451 –

+0

我希望上面的鏈接是對你有用@ user3621758 –

回答

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

類型:String選項: '' | 'comments'|'mediaquery'|'all'默認:''

設置時,會將源代碼行信息添加到輸出css文件。這有助於您調試特定規則的來源。 - http://lesscss.org/usage/#using-less-in-the-browser

如果你想服務器端編譯,你可以使用內置在Magento的2結帳咕嚕的dev/tools/grunt/configs/less.js文件,它顯示

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

的文件將逐步引導您使用咕嚕,或者設置客戶端少編譯。