页面引用了less文件修改样式后页面刷新后无变化

网站的页面引用了less后缀的样式文件，修改了less文件的样式，然后刷新页面，总是不起作用，也清除了缓存，也强制刷新了浏览器，就是没变化。

后来在网上查询，说是需要将less文件编译成css文件。还真是这个情况。操作如下：

1. 安装node.js (如果之前安装过，忽略此步骤)

2.进入你的项目下，安装LESS编译器

npm install -g less

3.找到你修改的less文件，然后命令后下执行编译操作，例如：

lessc styles.less styles.css

4.刷新或强制刷新你的网站，查看效果。

至此就完成了。