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

如果你想要服务器端编译，你可以使用内置于Magento 2的grunt。查看dev/tools/grunt/configs/less.js文件，它显示

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

该文档将指导您使用Grunt，或设置客户端少编译。