☰
1.安装node.js
2.全局安装grunt-cli
npm install -g grunt-cli
3.在根目录复制以下文件
package.json.sample to package.json
Gruntfile.js.sample to Gruntfile.js
grunt-config.json.sample into grunt-config.json
修改grunt-config.json
{
"themes": "dev/tools/grunt/configs/themes"
}
4.在magento中安装依赖,根目录
npm install
npm update
5.增加自定义主题到grunt, dev/tools/grunt/configs/themes.js, 如下:
<theme>: {
area: '',
name: '/',
locale: '',
files: [
'', //path to root source file
''
],
dsl: 'less'
}grunt 命令
grunt clean 清楚静态文件和缓存
grunt exec 生成静态符号链接文件
grunt less 编译css文件,可以用grunt less:theme编译指定文件
grunt watch 自动编译文件,刷新网页即可看见效果
如本地开发,浏览器可借助livereload扩展,结合grunt watch自动刷新,无需手动reload