Magento 2:使用WeltPixel主题生成.less/.css/.map的更好工作流

Magento 2:使用WeltPixel主题生成.less/.css/.map的更好工作流,css,gruntjs,less,magento2,Css,Gruntjs,Less,Magento2,在WeltPixel内部论坛上问到这个问题,没有运气。。。所以我在这里尝试: 在一个拥有多个网站的大型多站点上工作,所有这些网站都基于 我正在多个更少的文件中进行更改。当我在本地工作时,我会运行grunt来生成.less/.css和.map文件,这样我就可以在浏览器中看到需要编辑的文件减少了 此工作流来自Magento docs,使用grunt less和grunt watch自动生成.css,每当我保存.less文件时,它都能正常工作-我想 但现在我发现,如果我使用以下方法生成css: b

在WeltPixel内部论坛上问到这个问题,没有运气。。。所以我在这里尝试:


在一个拥有多个网站的大型多站点上工作,所有这些网站都基于

我正在多个更少的文件中进行更改。当我在本地工作时,我会运行grunt来生成.less/.css和.map文件,这样我就可以在浏览器中看到需要编辑的文件减少了

此工作流来自Magento docs,使用
grunt less
grunt watch
自动生成.css,每当我保存.less文件时,它都能正常工作-我想

但现在我发现,如果我使用以下方法生成css:

 bin/magento weltpixel:less:generate

在我运行grunt less之后,我会得到其他结果,并且不会生成映射文件。在浏览器中,我只看到styles-m.cssstyles-l.css,所以很乱

每当我们发布产品时,最后一步就是运行
weltpixel:css:generate
,这解释了为什么我的本地平台和产品服务器之间存在一些不一致

所以,我想问:你如何构建一个开发工作流,让你修改一些.less,生成.css并生成相应的.map文件,这样你就可以在浏览器的开发工具中看到你应该修改的更少的文件

有什么想法吗

/致意

bin/magento weltpixel:css:generate --store=STORECODE