grunt import less watch

时间:2015-08-27 14:30:50

标签: gruntjs less watch

我声明的文件少了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中的修改

你有什么想法吗?

谢谢,

0 个答案:

没有答案