修改组件 less 文件时, 页面样式未发生变化

[mindspop]

现在监听了所有 Less 文件变动, 但是当组件 Less 变动时, 只是重新编译了组件的 Less 文件 => WXSS 文件. 而页面引用的对应组件, 还是缓存里的文件, 所以导致页面的 WXSS 未更新.

比如 Page A.less 引用组件 b.less, 当组件 b.less 变动时, 只是编译了 b.less => b.wxss. 而 A.less 引用的组件 b, 还是缓存里的文件(即包含旧内容), 所以导致 A.wxss 没有得到修改后的内容.

引申的问题:

• 其实没有必要编译组件 Less, 只需要将页面样式文件(比如 pages/home/index.less) 作为打包入口即可.

推荐解决方案:

• 只编译页面样式 Less => WXSS.
• 监听所有样式文件, 如果有变动, 找到对应影响的 Page 样式文件, 重新编译一次. 如果是修改公共组件, 就编译全部页面样式文件.