您好我正在Magento 2中构建一个新主题,并从luma扩展了一个主题。
但是当我在较少的文件中进行任何更改来自定义时 看起来我需要在制作后每次删除pub文件夹文件 改变一个较少的CSS文件。
是否有任何设置(少)或自动同步文件更改的方式?
答案 0 :(得分:1)
有两个选项可用,一个是使用grunt进行服务器端编译,另一个是使用less.js进行客户端(浏览器)编译。
使用客户端应该更容易设置,但使用Grunt可能更适合您。为了简单起见,我只谈谈使用客户端。
这些说明只是从文档底部的开发文档,参考文献中复制而来。
- 在Magento Admin中,在 STORES&gt;下将LESS编译模式更改为客户端。配置&gt;高级&gt;开发人员&gt; <前端开发工作流程>工作流程类型。
- 删除以下目录中的所有文件:
醇>
pub/static/frontend/<Your_Vendor>/<your_theme>
var/view_preprocessed/less
执行这些步骤后,您应该可以在更改.less文件后刷新页面。
参考文献:
答案 1 :(得分:0)
您可以使用本地node.js自动执行此过程
确保您已在本地安装node.js
在项目文件夹cmd&#34; npm install&#34;上传节点包
你准备好了,使用:
grunt refresh(开始或添加/删除较少文件时);
grunt less(编译所有较少的文件);
grunt watch(观察更少文件的变化并自动编译);
grunt clean(删除所有临时文件)