在浏览器环境使用 less 不生效？anywhere!
作者：互联网
在浏览器环境使用 less
在你的 html 文件的 <head> 中引入 less ，将 styles.less 替换为你自己的文件名即可。
<link rel="stylesheet/less" href="styles.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>
之后你是不是双击 html 文件，以浏览器方式打开发现样式并没有生效？
请注意：如果使用了 less，不能以直接双击 html 的方式运行它！
因为浏览器并不能直接读懂 less，需要先转义成浏览器可以读懂的普通 css，如果直接双击打开就略去了转义这一步，样式自然无法生效。
解决方案
安装 anywhere，它是一款随启随用的静态文件服务器，用于前端应用启动服务。
npm install anywhere -g
-g 表示全局安装
之后进入对应的文件夹，启动 anywhere
anywhere
就可以在默认的8000端口看到你写好的前端界面了，样式已经生效了。
anywhere 命令还有其他参数设置，感兴趣可以继续了解：
参考链接——AnyWhere 静态文件服务器
标签：浏览器,less,anywhere,html,生效,双击 来源： https://blog.csdn.net/weixin_44589540/article/details/116697019