我声明的文件少了3个:
main.less:包含css结构
main1.less:仅包含图表的变量(颜色)+ @import main.less
main2.less:仅包含另一个图表的变量(颜色)+ @import main.less
当我构建grunt时,会生成2个css文件:main1.css和main2.css。
我想说到目前为止,这么好。
但是当我更改main.less时,不会重新加载main1.less和main2.less。我还需要修改main1.less或main2.less来考虑livereload中的main.less修改
watch: {
options: {
livereload: '<%= connect.options.livereload %>'
},
less: {
files: ['<%= pkg.contentRoot %>/less/**'],
tasks: [
'newer:copy:styles',
'newer:less:development'
],
options: {
event: ['changed']
}
},
实际上,当main.less导入main1.less和main2.less时,刷新不起作用
因此,如果我更改main.less,我还需要修改main1.less以考虑livereload中的修改
你有什么想法吗?
谢谢,